JQuery UI Bootstrap Theme
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
Matt, does it happen on 1.0.10 as well, I thought we fixed this.
Last edited by rafarolo on 11 Feb 2016, 20:00, edited 1 time in total.
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.
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.
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:
Link 1
Link 2
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:
Where the URL is the path of the image that was obtained directly from the link above.
I hope this helps
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.
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.
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:
WARNING: JSF1064: Unable to find or serve resource, images/ui-bg_highlight-hard_70_000000_1x100.png, from library, primefaces-bootstrap.
The solution was to download the image that is missing, which can be found on one of these links: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.
Link 1
Link 2
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;
}
I hope this helps
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
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
-
- Information
-
Who is online
Users browsing this forum: Google [Bot] and 23 guests