[
https://issues.apache.org/jira/browse/TRINIDAD-2120?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13416077#comment-13416077
]
Walter Mourão commented on TRINIDAD-2120:
-----------------------------------------
Hi Folks,
Great work!
I added the patches to Trinidad 2.1.0-SNAPSHOT (small changes in the pom.xml)
and I was able to run the showcase. I did some small testing with JQuery UI and
I've put the widgets working (see it at: http://youtu.be/Eww607FdOW4 ). I don't
know why, but I could not use the $() function. I had to use the
document.getElementById. I think it is a small issue. If somebody has a clue,
please let me know, I will investigate further, later.
I could not be confident if the patches will go to Trinidad trunk soon. What do
you think ?
> Use jQuery ThemeRoller skins with Trinidad
> ------------------------------------------
>
> Key: TRINIDAD-2120
> URL: https://issues.apache.org/jira/browse/TRINIDAD-2120
> Project: MyFaces Trinidad
> Issue Type: Improvement
> Components: Skinning
> Affects Versions: 2.0.0-core
> Reporter: Leonardo Uribe
> Assignee: Leonardo Uribe
> Attachments: TRINIDAD-2120-1.patch, TRINIDAD-2120-2.patch,
> TRINIDAD-2120-4-changes-trinidad-impl-only.patch, cupertino+casablanca.png,
> redmond+casablanca-2.png, redmond+casablanca.png,
> screenshot-trinidad-cupertino.PNG, screenshot-trinidad-smoothness.PNG,
> screenshot-trinidad-sunny.PNG, south-street+casablanca-2.png
>
>
> Here is the original mail from Trasca Virgil:
> http://markmail.org/search/?q=themeroller%20trinidad#query:themeroller%20trinidad+page:1+mid:byczdawpyj33zqoy+state:results
> Mon, 25 Oct 2010 07:01:25 -0700
> Hi
>
> I am interested to get better skinning support in Apache MyFaces. I want
> to
> get MyFaces closely integrated with http://jqueryui.com/themeroller/ - I am
> targeting MyFaces JSF1.2 branch.
>
> The end result should be the same with what PrimeFaces already did
> - http://www.primefaces.org/themes.html
>
> My initial idea is to implemented a JQueryCssToMyFacesCss kind of compiler
> which
> will get as input the jquery CSS syntax and will dump MyFaces CSS syntax.
>
> I have few questions related with this:
> * Did anybody tried something similar in the past - in the MyFaces
> community?
> * Do you think the approach is achievable? Do you have a better
> suggestion? Is
> the UI MyFaces CSS syntax a generic enough UI css framework or is making
> MyFaces
> specific assumptions?
> * Is this doable only by implementing the previous compiler or the
> MyFaces/Trinidad components should be touched also?
>
> Here is the documentation for jQuery UI CSS framework
>
> http://docs.jquery.com/UI/Theming/API
>
> Thank you,
> Virgil
> Investigating more about this possible improvement, I notice that jquery
> themeroller themes does not require jquery to work. So what can we do?
> We can take themeroller themes and generate a skin from trinidad. Trinidad
> already has all the pieces of the pluzze (css parser/merger and a cool
> skinning api) so we should just use it.
> I tried to create a skin in this way:
> <skin>
> <id>sunny.desktop</id>
> <family>sunny</family>
> <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id>
>
> <style-sheet-name>skins/themeroller/sunny/jquery-ui-1.8.14.custom.css</style-sheet-name>
> </skin>
> <skin-addition>
> <skin-id>sunny.desktop</skin-id>
>
> <style-sheet-name>skins/themeroller/trinidad-theme.css</style-sheet-name>
> </skin-addition>
> The first stylesheet is the reference to a generated jquery theme and the
> addition is the file that does the integration with trinidad. So, ThemeRoller
> generates the .css + image files and we just need to provide a reusable .css
> file to reuse the css classes. In practice with just one file we can create
> 20 or 30 trinidad themes in one move!
> Obviously these skins are no match for casablanca theme, and will possibly
> have some flaws (the same for any themeroller skin, right?), but I think it
> is worth to try it. I'll attach some files here to show how it looks like.
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:
https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira
