JQuery UI Bootstrap Theme

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

01 Nov 2013, 16:41

Matt, does it happen on 1.0.10 as well, I thought we fixed this.

rafarolo
Posts: 2
Joined: 20 Jan 2016, 18:18

20 Jan 2016, 19:23

Sorry for duplicate post...

More details:
http://stackoverflow.com/questions/2902 ... 0#35042840
Last edited by rafarolo on 11 Feb 2016, 20:00, edited 1 time in total.

rafarolo
Posts: 2
Joined: 20 Jan 2016, 18:18

20 Jan 2016, 19:36

Hello guys,

After much research without an effective solution, including trying to use the 1.0.10 version of the themes of Primefaces repository which is not working properly and also in the central Maven repository is available only up to version 1.0.8. :roll:
I am thinking a bit I found a simple solution that solves the bootstrap theme problem, simply passing a new path to the image that is missed by replacing the property background of ui-widget-shadow class. :geek:

In my case, I am using the theme of version 1.0.8 which is the central Maven repository and my project was getting the following error: :evil:
WARNING: JSF1064: Unable to find or serve resource, images/ui-bg_highlight-hard_70_000000_1x100.png, from library, primefaces-bootstrap.
WARNING: JSF1064: Não foi possível encontrar ou fornecer o recurso, images/ui-bg_highlight-hard_70_000000_1x100.png, pela biblioteca, primefaces-bootstrap.
The solution was to download the image that is missing, which can be found on one of these links: :idea:
:arrow: Link 1
:arrow: Link 2
:arrow: Link 3

Place the image in a folder of your project and to overwrite only property that has the invalid reference to the image.
Use the following code: ;)

Code: Select all

.ui-widget-shadow {
background: # 000000 url ("../ images / ui-bg_highlight-hard_70_000000_1x100.png") 50% top repeat-x! important;
}
Where the URL is the path of the image that was obtained directly from the link above. :mrgreen:

I hope this helps :!:

avereco
Posts: 5
Joined: 13 Mar 2014, 16:57

29 Feb 2016, 16:29

Somehow this Jquery UI bootstrap theme doesnt seem to be the right way to go still.
For example when i tried to apply bootswtach theme it takes to somehow try to convert it to JQuery UI html components.
Isn`t it better to somehow introduce a new renderer classes for bootstrap themes instead of do this convertion?
Or is my understanding incorrect?
Bootstrap is nearly as populor or even more popular than JQuery UI now, it would be a great success story if Primefaces components could have all support to use bootstrap themes/layouts.
I wouldn`t suggest to support it if this framework would be called JQueryFaces :)

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 12 guests