Prime Community Forum

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>