JQuery UI Bootstrap Theme

UI Components for JSF
User avatar
sebargarcia
Posts: 44
Joined: 01 Apr 2011, 00:24
Location: Salta, Argentina

14 Mar 2012, 23:56

Hi I´m trying to port jquery UI Bootstrap to primefaces theme, so far this is what i have...i´m not an expert in CSS i justo download the jquery ui bootstrap from http://addyosmani.github.com/jquery-ui-bootstrap/ and trying to compare with primefaces themes...but the primefaces themes are compressed so i read the guide and this is the result...It have a lot of errors so i think maybe someone could port the theme in the right way...i think this is a pretty theme!
Sorry for my english! http://twitpic.com/8wcgod/full
Image
Netbeans 8.0, Mojarra 2.1.26 , Primefaces 5, PrimeFaces Extensions 2.0.0, OmniFaces 1.8.1 , Glassfish 3.1.2.

User avatar
Oleg
Expert Member
Posts: 3805
Joined: 02 Oct 2009, 09:41
Location: Germany, Black Forest

15 Mar 2012, 16:31

Good theme! Please create an issue ticket for "bootstrap integration".
PrimeFaces Cookbook (2. edition): http://ova2.github.io/primefaces-cookbook/ Learning Angular UI Development with PrimeNG: https://github.com/ova2/angular-develop ... th-primeng Blog: https://medium.com/@OlegVaraksin

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

15 Mar 2012, 16:36

Note that that, we can't work on it to fix your theme or spent time to integrate bootstrap, it should be a drop-in theme created by community so that we can add to theme gallery.

User avatar
Oleg
Expert Member
Posts: 3805
Joined: 02 Oct 2009, 09:41
Location: Germany, Black Forest

15 Mar 2012, 17:16

Ok, good to know. Is there any instruction how to create and add a new theme?

@sebargarcia: Why did you take a compressed theme? Take one from SVN repo.
PrimeFaces Cookbook (2. edition): http://ova2.github.io/primefaces-cookbook/ Learning Angular UI Development with PrimeNG: https://github.com/ova2/angular-develop ... th-primeng Blog: https://medium.com/@OlegVaraksin

User avatar
sebargarcia
Posts: 44
Joined: 01 Apr 2011, 00:24
Location: Salta, Argentina

15 Mar 2012, 19:36

Optimus: Sure you are right!!! i post this beacuse i am not an expert in CSS so i think somebody in the comunnity can do this better than I.
Oleg: I downloaded from http://repository.primefaces.org/org/primefaces/themes/ but when i open it all the CSS is in one line....so it is more difficult to me to compare the code, because for what i read in the forum we have to change some CSS especially for tabs...
As i say i dont know much CSS so somebody may be could port this theme to primefaces??? :)
Netbeans 8.0, Mojarra 2.1.26 , Primefaces 5, PrimeFaces Extensions 2.0.0, OmniFaces 1.8.1 , Glassfish 3.1.2.

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

15 Mar 2012, 20:18

Only thing required to port a valid jquery ui theme to a pf theme is replacing url(imagehere) to use #resource, documented in user's guide in detail.

tandraschko
PrimeFaces Core Developer
Posts: 3979
Joined: 03 Dec 2010, 14:11
Location: Bavaria, DE
Contact:

16 Mar 2012, 12:26

And this one, right?

Code: Select all

/* PrimeFaces Extensions */
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: #ffffff;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f;
    color: #313131;
}
Thomas Andraschko

PrimeFaces | PrimeFaces Extensions

Apache Member | OpenWebBeans, DeltaSpike, MyFaces, BVal, TomEE

Sponsor me: https://github.com/sponsors/tandraschko
Blog: http://tandraschko.blogspot.de/
Twitter: https://twitter.com/TAndraschko

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

16 Mar 2012, 12:28

Yes, otherwise, inputs look like buttons.

User avatar
Oleg
Expert Member
Posts: 3805
Joined: 02 Oct 2009, 09:41
Location: Germany, Black Forest

16 Mar 2012, 12:43

The question is only who will port Bootstrap theme :-) I think, author can do this self with these simple instructions above. Look themes in SVN as I said. They are not compressed there.
PrimeFaces Cookbook (2. edition): http://ova2.github.io/primefaces-cookbook/ Learning Angular UI Development with PrimeNG: https://github.com/ova2/angular-develop ... th-primeng Blog: https://medium.com/@OlegVaraksin

richyclarke
Posts: 6
Joined: 09 Aug 2012, 11:33

09 Aug 2012, 11:36

Hi,
Did anything ever come of this?
I am also looking at Twitter Bootstrap in combination with Primefaces and would be interesting in a Bootstrap theme.
Did you ever create the theme, and if so, would you be willing to share it?
Thanks in advance
Rich

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 17 guests