[HowTo] Add new theme

[Alexander Bulei]

1. Copy new theme to "ui-themes" folder.
   
   E.g: ui-themes/jMetro
   
   Inside the folder, you should have "images" folder and "jquery-ui.css" file
   
   
   
2. In your project, select the JQThemSwitcher component and add new additional theme.
   
   
   
   
   
   • Icon: path to thumbnail image of theme
   • Name: name of theme
   • Title: this title will appear in JQThemeSwitcher
   • Url: path to css file
3. Important: CGDevTools -> Selected Project -> Synchronize "wwwroot" folder
4. Done.

Best Regards

[etwoss]

Hi

I've added two themes as described above

However the ThemeSwitcher shows no image

The icon property is not filled, is that the one? And if so what size should it be and what extend?

Eric

[Jorge Sousa]

Hi

See Folder

jq\theme.switcher.images

[etwoss]

Hi

It's on wwwroot\jq\jquery_ui\theme.switcher.images

Should it always be here or can i also have them in another folder?
Same for the themes themselves.

Now when i install a new CGDevtools folder, i always remove the old one , so have to manually add the themes and theme images afterwards

Eric

[Jorge Sousa]

The image It's the Icon property

[MicroSolutions]

Hello,

I tried to add a new theme, but the switcher cannot display it. Because the images are no longer available in the first comment, I don't know what is the correct Icon/Name/Title/Url property values.

Please give me some example.

Thanks in advance,
MS

[Alexander Bulei]

Hello,

I don't know what is the correct Icon/Name/Title/Url property values.

Icon: path to thumbnail image of theme
Name: name of theme
Title: this title will appear in JQThemeSwitcher
Url: path to css file

Best Regards.

[MicroSolutions]

Of course I CAN read the property descriptions. But how should I specify the path? I tried several formats, but it always refused to work.

What is the path format? Should it contain the "wwwroot" prefix or not? Slash or backslash is the path delimiter? Property example, please!!!

[Alexander Bulei]

title: "Black Tie",
name: "black-tie",
icon: "theme_90_black_tie.png"

if url is not defined, will search for jquery-ui.css file in ui-themes/<name>/

[MicroSolutions]

It works fine now. Many thanks!

Best regards,
MS