Hello,
The pages misc.xhtml, overlay.xhtml and panel.xhtml are using element attributes with are removed from the elements in PrimeFaces.
p:avatar => image
p:overlayPanel => showEffect
p:toolbarGroup => name
see images hereafter:
Version 3.0.0 not existing attributes used in demo pages
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
Hi,
Unfortunately, the pictures are not visible. Demos have been the same since PrimeFaces 10 beta. We take care to use the same demos in all of our 27 templates even in all our other UI library templates. You can always follow the updated demos from the showcase. In the next release cycle, new ones will come to all templates.
Best Regards,
Unfortunately, the pictures are not visible. Demos have been the same since PrimeFaces 10 beta. We take care to use the same demos in all of our 27 templates even in all our other UI library templates. You can always follow the updated demos from the showcase. In the next release cycle, new ones will come to all templates.
Best Regards,
If the pictures are not visible I will show the XHTML parts where the attributes are not allowed in the demo pages.
misc.xhtml with 3 lines containing non valid attributes :
p:avatar image=""
overlay.xhtml with 2 lines containing non valid attributes :
showEffect="fade"
pane.xhtml with 1 line containing non valid attribute :
p:toolbarGroup name="right"
misc.xhtml with 3 lines containing non valid attributes :
p:avatar image=""
Code: Select all
<p:avatarGroup styleClass="p-mb-3">
<p:avatar size="large" shape="circle">
<p:graphicImage value="resources/demo/images/avatar/amyelsner.png"/>
</p:avatar>
<p:avatar size="large" shape="circle">
<p:graphicImage value="resources/demo/images/avatar/asiyajavayant.png"/>
</p:avatar>
<p:avatar image="resources/demo/images/avatar/onyamalimba.png" size="large" shape="circle">
<p:graphicImage value="resources/demo/images/avatar/onyamalimba.png"/>
</p:avatar>
<p:avatar image="resources/demo/images/avatar/ionibowcher.png" size="large" shape="circle">
<p:graphicImage value="resources/demo/images/avatar/ionibowcher.png"/>
</p:avatar>
<p:avatar image="resources/demo/images/avatar/xuxuefeng.png" size="large" shape="circle">
<p:graphicImage value="resources/demo/images/avatar/xuxuefeng.png"/>
</p:avatar>
<p:avatar label="+2" shape="circle" size="large" style="background-color:#9c27b0; color: #ffffff" />
</p:avatarGroup>
showEffect="fade"
Code: Select all
<div class="p-col-6">
<p:commandButton id="imageBtn" value="Image" type="button" class="ui-button-success" />
<p:overlayPanel id="imagePanel" for="imageBtn" showEffect="fade">
<p:graphicImage name="demo/images/nature/nature9.jpg" width="250" />
</p:overlayPanel>
</div>
<div class="p-col-6">
<p:commandButton id="tableButton" value="DataTable" type="button" styleClass="ui-button-success"/>
<p:overlayPanel for="tableButton" dynamic="true" style="width:300px" showCloseIcon="true" widgetVar="tableOP" showEffect="fade">
p:toolbarGroup name="right"
Code: Select all
</p:toolbarGroup>
<p:toolbarGroup name="right">
<p:menuButton value="Options">
<p:menuitem value="Save" icon="pi pi-save"/>
With regards,
Johan Borchers
Mac OS X 10.15.7
NetBeans 12.3
OpenJDK Zulu11.37
JSF Mojarra 2.3.14
PrimeFaces 10.0.0
Tomcat 9.0.43
MySQL 5.6.x
Johan Borchers
Mac OS X 10.15.7
NetBeans 12.3
OpenJDK Zulu11.37
JSF Mojarra 2.3.14
PrimeFaces 10.0.0
Tomcat 9.0.43
MySQL 5.6.x
-
- Information
-
Who is online
Users browsing this forum: No registered users and 6 guests