Page 1 of 1

[HowTo] Add new theme

PostPosted: 02 May 2013 10:46
by 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

    Image
  2. In your project, select the JQThemSwitcher component and add new additional theme.

    Image

    Image
    • 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

Re: [HowTo] Add new theme

PostPosted: 03 Jun 2014 13:51
by 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

Re: [HowTo] Add new theme

PostPosted: 03 Jun 2014 14:12
by Jorge Sousa
Hi

See Folder

jq\theme.switcher.images

Re: [HowTo] Add new theme

PostPosted: 03 Jun 2014 14:45
by 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

Re: [HowTo] Add new theme

PostPosted: 03 Jun 2014 14:52
by Jorge Sousa
The image It's the Icon property

Re: [HowTo] Add new theme

PostPosted: 03 Nov 2016 11:44
by 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

Re: [HowTo] Add new theme

PostPosted: 03 Nov 2016 17:42
by 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.

Re: [HowTo] Add new theme

PostPosted: 04 Nov 2016 12:04
by 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!!!

Re: [HowTo] Add new theme

PostPosted: 04 Nov 2016 12:14
by 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>/

Re: [HowTo] Add new theme

PostPosted: 04 Nov 2016 13:57
by MicroSolutions
It works fine now. Many thanks!

Best regards,
MS