https://answers.axonivy.com/questions/12/how-to-create-my-own-theme-for-html-user-dialogs<p>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?</p>enMon, 07 Oct 2013 14:21:14 -0400https://answers.axonivy.com/questions/12/how-to-create-my-own-theme-for-html-user-dialogs/13<p><a href="http://jquery.com/">jQuery</a> offers a convenient and nice tool called <a href="http://jqueryui.com/themeroller/">ThemeRoller</a> 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: </p> <ul> <li>Please navigate to the directory <em>css/NameOfYourTheme</em>. </li> <li>Delete the file <em>jquery-ui-1.9.2.custom.min.css</em>.</li> <li>Rename the file <em>jquery-ui-1.9.2.custom.css</em> into <em>theme.css</em>. </li> <li>Open the just renamed file <em>theme.css</em> and adapt the URL to images from <code>url(images/myPicture.png)</code> into this pattern <code>url("#{resource['NameOfYourTheme:images/myPicture.png']}")</code>.</li> <li>Create the folder structure <em>META-INF/resources/NameOfYourTheme</em> and copy <em>theme.css</em> and the <em>images</em> folder in there</li> <li>Zip the folder and rename the zip file into NameOfYourTheme.jar</li> <li>Add the theme to Ivy. Please read the chapter <em>User Dialogs/Html Dialogs/Themes</em> in the Designer guide for how to install a theme into Xpert.ivy.</li> </ul> <p><br> <br> Note: This question and answer was <a href="http://blog.xpertivyhacker.ch/2012/11/xpertivy-primefaces-themes-installieren-und-erstellen.html">originally posted</a> by Heinrich Spreiter on his <a href="http://blog.xpertivyhacker.ch/">Xpert.ivy Hacker blog</a>. Many thanks to Henry for his enthusiastic work. </p>SupportIvyTeamMon, 07 Oct 2013 14:21:14 -0400https://answers.axonivy.com/questions/12/how-to-create-my-own-theme-for-html-user-dialogs/13