Themes

[Gordon Holfelder]

Hi All-

Shouldn't the predefined themes already created and available at jQuery just work out of the box? I have tried; Le-Frog, Smoothness, Trontastic and Vader with limited success. The UILightness which appears to be the NetTalk default looks great. I had hoped to provide a set of choices for the user, but I'm not into having to tweak these. Any ideas? The problems seem to be in two areas; the non-highlighted row in a grid and the icons on the buttons. See the attached screen shot.

It also appears that the image files don't overwrite. They appear to have different names. Is this normal? How does the java script know which image to use?

Thanks,
Gordon

[attachment deleted by admin]

[Bruce]

Hi Gordon,

>> Shouldn't the predefined themes already created and available at jQuery just work out of the box?

yes.

>> I had hoped to provide a set of choices for the user, but I'm not into having to tweak these. Any ideas?

you'll need to do a bit of work to provide side-by-side support. Basically you'd have multiple css files ready on the server, and then presumably depending on the user logged in, and hence some session value set when they logged in, you can decide which css file to serve.

In WebHandler, you would set
  self.site.HtmlCommonStyles = self.AddStyle('something.css')

A good embed point for this in WebHandler is the .IncludeStyles method, before the parent call.

This is assuming that you are using a single combined style (usually called all.css - but in your case would have a different name for each style). Creating a simple batch file to combine the styles together in various ways is easy - check out gzipall.bat as an example.

>> The problems seem to be in two areas; the non-highlighted row in a grid and the icons on the buttons. See the attached screen shot. It also appears that the image files don't overwrite. They appear to have different names. Is this normal?

yes. However make sure you are putting them into \web\styles\images, not \web\images.

>> How does the java script know which image to use?
The JavaScript doesn't use the images. The CSS files do.

>> the non-highlighted row in a grid

This color is currently not taken from a style, but is in your application. Fortunately however is is a setting in the program, which you can apply to all browses.  You can set this in the same embed as above;

  self.Site.Style.BrowseHighlightColor = whatever
  self.Site.Style.BrowseOneColor = whatever
  self.Site.Style.BrowseTwoColor = whatever
  self.Site.Style.BrowseTwoColor = whatever

these properties hold the color in _clarion_ color format (not web color format).

Cheers
Bruce

[Gordon Holfelder]

Hi Bruce-

Thanks for the tip. I watched your CLDC presentation and I missed the images folder thing each time and was putting the images in the wrong folder. That fixed that issue 

With regard to the grid coloring. I found the places for changing those on the template and that's ok. The highlight colors, etc. aren't the problems. See the attached sample 3 when using LeFrog theme. The text color is the issue. I removed the ui-widget-content color that was assigned and it works. Perhaps this should not be included as part of the Settings->Browse->Table? By removing this class it works as expected. Have I broken something else?

Thanks!
Gordon

[attachment deleted by admin]

[Bruce]

Hi Gordon,

I think that change is fine.

I can see that the text color from the theme needs to be "in sync" with the browse colors. What you've done is good for now.

I'm holding off on changing the browse colors to be set in the css because jQuiery are developing a "grid" control. While we may not use their grid control directly (the grid in NetTalk has some features theirs won't have) I suspect they'll extend the theme somewhat to cater for the necessary browse colors, at which point I'll change NetTalk to just make use of the theme.

cheers
Bruce

[Gordon Holfelder]

Hi Bruce-

Another place that is a problem is where I have a local "Display" variable that spans the prompt/value/comment area. The same color scheme causes the text to be written in white. I added ' nt-prompt' to the CSS Class to fix the problem, but it's not ideal.

See attached screen shot for sample:

[attachment deleted by admin]