Code: Select all
<ui:define name="dialogs">
<p:dialog header="#{msgs.wildlife_viewing_sidebar_wildlife}" modal="true" widgetVar="dlg1" width="500" height="475" resizable="false" >
<p:carousel id="carousel" rows="1" first="#{wildlifeViewingBean.first}" var="wl" itemStyleClass="wildlife-carousel-item" value="#{wildlifeViewingBean.wildlife}" >
<h:panelGrid columns="1" style="width:100%" cellpadding="5">
<h:panelGrid style="text-align: left; font-weight: bold; color: orange;" >
<h:outputText value="#{wl.name}" escape="false" style=" " />
</h:panelGrid>
<h:panelGrid style="width: 100%; height: 260px; text-align: justify;">
<img alt="Could not load image!" src="#{wl.imageLink}" class="float-right" />
<h:outputText value="#{wl.yukonDesc}" escape="false" />
</h:panelGrid>
</h:panelGrid>
</p:carousel>
<h:panelGrid styleClass="ui-corner-all dialog-close" >
<p:commandButton value="#{msgs.close}" onclick="dlg1.hide()"/>
</h:panelGrid>
</p:dialog>
</ui:define>