Messages posted by: itscefet03  XML
Profile for itscefet03 -> Messages posted by itscefet03 [4]
Author Message
The problem is Timezone, anrnewton's code work because in <f:convertDateTime> he puts timeZone attribute.
My theme.jar
Lose all style.

artzambrano wrote:
Here's a step-by-step guide on how to add a custom theme for ACE components.
The 2.1 theming strategy is not definite at this point, but it will be by the time of the final release, and proper documentation will be provided.
What has been said above in this thread is accurate; I'm just describing the sequence of steps from beginning to end and providing some more details.

At the highest level, these are the steps to follow:
1. Create a theme with the Themeroller utility.
2. Prepare the generated files to be used by ICEfaces.
3. Deploy the theme in your application.

This is a more detailed description:
1. Create a theme with the Themeroller utility.
1.1 Navigate to http://jqueryui.com/themeroller/
1.2 Use the controls on the left to create a custom theme.
1.3 Click the 'Download theme' button.
1.4 Click on 'Deselect all components' to avoid downloading unnecessary Javascript resources.
1.5 Click on 'Advanced Theme Settings'.
1.6 Enter the name of your theme in the text box labeled 'Advanced Theme Settings', e.g. 'mytheme'.
1.7 Click on the 'Download' button to save the file.

2. Prepare the generated files to be used by ICEfaces.
2.1 Locate in your file system the compressed file obtained in the previous step.
2.2 Uncompress the file into a new directory.
2.3 Open this new directory that contains the uncompressed files.
2.4 Navigate to the '/css' subdirectory.
2.5 You should see a subdirectory that has the name you chose for your theme, e.g. 'mytheme', rename this subdirectory by prepending the original name with 'ace-', e.g. 'ace-mytheme'.
2.6 Navigate to this renamed subdirectory, e.g. 'ace-mytheme'.
2.7 Change the name of the only CSS file there to 'theme.css'.
2.8 Open this theme.css file in a text editor.
2.9 Remove unnecessary structural CSS inside this file (it has been known to cause some problems).
2.9.1 If 'Deselect all components' was clicked in the previous step, this file should not contain any widget-specific CSS, but if it does, remove all CSS rules that start with the name of a widget (e.g. ui-accordion). These appear just below the rules labeled as 'Overlays' that appear after the corner radius rules. You can delete everything from this point to the end of the file.
2.10 Modify all url() declarations inside the file to comply with the JSF resource handling mechanism, and prepend each path with 'ace-<theme-name>:', e.g. url(images/ui-bg_flat_75_ffffff_40x100.png) becomes url("#{resource['ace-mytheme:images/ui-bg_flat_75_ffffff_40x100.png']}")
2.11 Put this theme in a .jar file to be served by JSF. You can accomplish this in the following way:
2.11.1 In a staging directory create a subdirectory named 'META-INF'.
2.11.2 Inside 'META-INF' create a subdirectory named 'resources'.
2.11.3 Inside 'resources' put a copy of your theme folder, e.g. 'ace-mytheme'.
2.11.4 Create a zip file that contains the 'META-INF' directory and all its contents. The name of this file can be anything; it could be the name of your theme, for example.
2.11.5 Change the extension of this zip file to 'jar'.
This is an example of the final structure

3. Deploy the theme in your application.
3.1 Put this .jar file inside the /WEB-INF/lib directory of your application.
3.2 In your web.xml file, add or set the org.icefaces.ace.theme context parameter to the name of your theme as the value.

3.3. Launch your application and test your new theme. 


I did all steps but my ace:accordion lost all design.

I need to use a specific style in the css file?
Profile for itscefet03 -> Messages posted by itscefet03 [4]
Go to:   
Powered by JForum 2.1.7ice © JForum Team