Primefaces extensions documentViewer not working - jsf-2

I'm trying to use the documentViewer component from the primefaces extensions to display a PDF file, but I only get this error:
<pe:documentViewer> Tag Library supports namespace:
http://primefaces.org /ui/extensions, but no tag was defined for name: documentViewer
I use others components from this library and they work.
Thanks in advance

Related

Angular2, PrimeNG, Calendar, jQuery, webpack datepicker is not a function

I started a project using ng-admin by akveo https://github.com/akveo/ng2-admin. The PrimeNG website specifies that one needs to add jQuery ui datetimepicker and jQuery datepicker in order to use their Calendar component. I did an npm install jquery-ui --save and it installed the files. However I'm clueless on how to add the reference on the webpack file and reference it properly.
thank you.
Yes, we call libraries like jQueryUi and jQuery 'broken modules' because they execute and rely on eachother in the global context. There are a few different methods to shim these kind of modules.
Here is a list of different options (as the solution cam vary per library). I like using the ProvidePlugin or using alias and externals.
I had the same error message, without using webpack yet. The solution, for this specific message, is in fact to declare/include jQuery BEFORE primeng.
So I just moved up the html tag adding jQuery to my page(s) and it went fine after that.
I don't know how to use webpack, but if there is a declaration order, just declare jQuery (or its subscript datepicker and datetimepicker) before primeng.

Is it good idea to use BootFaces & PrimeFAces together?

Can I use BootFaces and PrimeFaces together?
All I want is bootstrap UI with PrimeFaces Functionality.
How tuff is it to use bootstrap CSS with PrimeFaces components?
I was able to add BootFaces to my Primefaces project with about 5 different pages/templates and make it responsive in about 16 hours.
You will need to disable the primefaces theme and manualy import the latest bootstrap or switch to the Primefaces Bootstrap Theme and use the build in (old) Bootstrap version.
BootsFaces supports Primefaces and the BootsFaces page is using PrimeFaces.
I had no problems using components from both framworks together.

Cannot use primefaces extensions with Liferay 6.2

I'm trying to use the Primefaces-Extensions library in a Liferay JSF Portlet that is already using primefaces 4.0.
When I include any pe component, e.g a <pe:timer>, I get this error:
javax.faces.view.facelets.TagException: /html/editDoc/myProjects.xhtml #32,39 <pe:timer> Tag Library supports namespace: http://primefaces.org/ui/extensions, but no tag was defined for name: timer
at com.sun.faces.facelets.compiler.CompilationManager.pushTag(CompilationManager.java:304)
at com.sun.faces.facelets.compiler.SAXCompiler$CompilationHandler.startElement(SAXCompiler.java:255)
at com.sun.faces.facelets.compiler.SAXCompiler.doCompile(SAXCompiler.java:423)
at com.sun.faces.facelets.compiler.SAXCompiler.doCompile(SAXCompiler.java:399)
at com.sun.faces.facelets.compiler.Compiler.compile(Compiler.java:124)
The only component I've managed to use without crashing is pe:ckEditor, which is however rendering as an inputTextarea (no toolbox etc)
I probably did something wrong setting up the primefaces-extensions library, but I don't know where to look.
I'm using:
Liferay 6.2.2 ce
primefaces 4.0
primefaces-extensions 1.2.1 (I guess this is the proper version to work with pf 4.0)
About the steps I followed: (I had a perfectly working pf 4.0 setup)
Added libs in [portlet docroot]/WEB-INF/lib/ :
primefaces-extensions-1.2.1.jar
resources-ckeditor-1.2.1.jar
commons-lang3-3.1.jar
gson-2.2.4.jar
Added xmlns:pe="http://primefaces.org/ui/extensions in xhtml file's namespaces
I had the same problem
to solve it, you should have 3 jars:
commons-lang3-3.1.jar
gson-2.2.4.jar
primefaces-extensions-2.1.0.jar
!!! you can find in the internet other version of PFE 3..., don't use it, because it's not compatible with the other jars

How to use Component class in JSF2 using JSP

Is there any way to write custom tags using components and renderers in JSF2.0 using JSP?
could you please send the example if it is possible.

Use custom CSS template in combination with Primefaces

I have a project which is developed by Primefaces 2.2 and JSF 2.1.
Since I am not satisfied with Primefaces' template neither ThemeRoller that they provide, I found very interesting themes on
http://themeforest.net
and I want to integrate one of those in my project.
Is it possible to integrate Primefaces with templates from Themeforest? Are there any traps that I need to consider?
Primefaces themes are powered by theme rollers, (separate css for structure and skinning). the only way of implementing themes is by using Primefaces's template or ThemeRoller. Or else you can try dynamic themes by defining EL expression as a param value
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>#{themeSwitcherBean.theme}</param-value>
</context-param>
as mentioned in primefaces document here http://www.primefaces.org/documentation.html
Yes, of course, but it's not a template. It's a theme. You can do that easily with facalet.
I never use the template / skinning provided by Primefaces, but sometimes integrate it in the project because there are some very useful components. Of course you can use a custom template like those you saw on Themeforest. All you have to do is create XHMTL instead of HTML files and correct some syntax (for example input tags need a closing tag in XHTML). The problem is you can't completely disable the styling of components like the p:inputText, you have to use h:inputText and then apply the classes provided by your template in the styleClass attribute.

Resources