I need a customized theme for my company and/or I do not like the default themes. How can I easily create my own theme?

asked 07.10.2013 at 14:21

SupportIvyTeam's gravatar image

SupportIvyTeam ♦♦
1.2k6384105
accept rate: 76%


jQuery offers a convenient and nice tool called ThemeRoller to create themes for JSF. Go there and create your own theme. When you are done, download the theme and unpack the zip file. You have to perform some manual changes, before you can use the theme:

  • Please navigate to the directory css/NameOfYourTheme.
  • Delete the file jquery-ui-1.9.2.custom.min.css.
  • Rename the file jquery-ui-1.9.2.custom.css into theme.css.
  • Open the just renamed file theme.css and adapt the URL to images from url(images/myPicture.png) into this pattern url("#{resource['NameOfYourTheme:images/myPicture.png']}").
  • Create the folder structure META-INF/resources/NameOfYourTheme and copy theme.css and the images folder in there
  • Zip the folder and rename the zip file into NameOfYourTheme.jar
  • Add the theme to Ivy. Please read the chapter User Dialogs/Html Dialogs/Themes in the Designer guide for how to install a theme into Xpert.ivy.



Note: This question and answer was originally posted by Heinrich Spreiter on his Xpert.ivy Hacker blog. Many thanks to Henry for his enthusiastic work.

link

answered 07.10.2013 at 14:21

SupportIvyTeam's gravatar image

SupportIvyTeam ♦♦
1.2k6384105
accept rate: 76%

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "Title")
  • image?![alt text](/path/img.jpg "Title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×53

Asked: 07.10.2013 at 14:21

Seen: 1,771 times

Last updated: 07.10.2013 at 14:21