Ultima Dropbox tutorial "test.xhtml" file?

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
jan.habjan@gmail.com
Posts: 3
Joined: 21 May 2017, 11:33

28 Aug 2017, 20:43

Where I can find it?

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

13 Sep 2017, 10:12

test.xhtml;

Code: Select all

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>PrimeFaces Test</title>
    </h:head>
    <h:body>
        <h:form>
            <div class="ui-fluid">
                <div class="ui-g">
                    <div class="ui-g-12">
                        <div class="card card-w-title">
                            <h1>Form Elements</h1>
                            <p:panelGrid columns="4" columnClasses="ui-grid-col-2,ui-grid-col-4,ui-grid-col-2,ui-grid-col-4" layout="grid" styleClass="ui-panelgrid-blank form-group" style="border:0px none; background-color:transparent;">
                                <p:outputLabel for="input" value="Input"/>
                                <h:panelGroup styleClass="md-inputfield">
                                    <p:inputText id="input"/>
                                    <label>Username</label>
                                </h:panelGroup>

                                <p:outputLabel for="area" value="Textarea"/>
                                <p:inputTextarea id="area" autoResize="false"/>

                                <p:outputLabel for="calendar" value="Calendar"/>
                                <p:calendar id="calendar"/>

                                <p:outputLabel for="mask" value="Mask"/>
                                <p:inputMask id="mask" mask="99/99/9999"/>

                                <p:outputLabel for="pwd" value="Password"/>
                                <p:password id="pwd" />

                                <p:outputLabel for="keyboard" value="Keyboard"/>
                                <p:keyboard id="keyboard" />

                                <p:outputLabel for="onemenu" value="OneMenu"/>
                                <p:selectOneMenu id="onemenu">
                                    <f:selectItem itemLabel="Select One" itemValue="" />
                                    <f:selectItem itemLabel="Xbox One" itemValue="Xbox One" />
                                    <f:selectItem itemLabel="PS4" itemValue="PS4" />
                                    <f:selectItem itemLabel="Wii U" itemValue="Wii U" />
                                </p:selectOneMenu>

                                <p:outputLabel for="spinner" value="Spinner"/>
                                <p:spinner id="spinner"/>

                                <p:outputLabel for="slider" value="Slider"/>
                                <p:outputPanel>
                                    <p:inputText id="slider"/>
                                    <p:slider for="slider" />
                                </p:outputPanel>

                                <p:outputLabel for="btn" value="Button" />
                                <p:commandButton id="btn" value="Edit" icon="ui-icon-edit" type="button"/>

                                <p:outputLabel for="spbtn" value="SplitButton" />
                                <p:splitButton id="spbtn" value="Save" type="button" icon="ui-icon-save" style="max-width:150px;">
                                    <p:menuitem value="Update" url="#" icon="ui-icon-update" />
                                    <p:menuitem value="Delete" url="#" icon="ui-icon-delete" />
                                    <p:separator />
                                    <p:menuitem value="Homepage" url="http://www.primefaces.org" icon="ui-icon-home" />
                                </p:splitButton>

                                <p:outputLabel for="booleanBtn" value="Boolean Button" />
                                <p:selectBooleanButton id="booleanBtn" onLabel="Yes" offLabel="No" onIcon="ui-icon-check" offIcon="ui-icon-close"/>

                                <p:outputLabel for="oneBtn" value="OneButton" />
                                <p:selectOneButton id="oneBtn">
                                    <f:selectItem itemLabel="Spark" itemValue="Spark" />
                                    <f:selectItem itemLabel="Ronin" itemValue="Ronin" />
                                </p:selectOneButton>

                                <p:outputLabel for="manyBtn" value="Many Button"/>
                                <p:selectManyButton id="manyBtn">
                                    <f:selectItem itemLabel="Spark" itemValue="Spark" />
                                    <f:selectItem itemLabel="Ronin" itemValue="Ronin" />
                                    <f:selectItem itemLabel="Rio" itemValue="Rio" />
                                </p:selectManyButton>

                                <p:outputLabel for="listbox" value="Listbox"/>
                                <p:selectOneListbox id="listbox">
                                    <f:selectItem itemLabel="Sentinel" itemValue="Sentinel" />
                                    <f:selectItem itemLabel="Spark" itemValue="Spark" />
                                    <f:selectItem itemLabel="Ronin" itemValue="Ronin" />
                                    <f:selectItem itemLabel="Rio" itemValue="Rio" />
                                    <f:selectItem itemLabel="Primus" itemValue="Primus" />
                                </p:selectOneListbox>

                                <p:outputLabel for="listbox" value="Dialog"/>

                                <p:commandButton id="dialog2" value="Dialog" icon="ui-icon-open-in-new" type="button" onclick="PF('dlg').show()" style="max-width:150px;"/>
                            </p:panelGrid>

                            <p:dialog header="Login" widgetVar="dlg" resizable="false" draggable="false" responsive="true" hideEffect="scale">
                                <div class="ui-g form-group" style="margin-bottom: 16px;">
                                    <div class="ui-g-12">
                                        <h:panelGroup styleClass="md-inputfield">
                                            <p:inputText />
                                            <label>Name</label>
                                        </h:panelGroup>
                                    </div>
                                    <div class="ui-g-12">
                                        <h:panelGroup styleClass="md-inputfield">
                                            <p:password />
                                            <label>Password</label>
                                        </h:panelGroup>
                                    </div>
                                </div>

                                <f:facet name="footer">
                                    <p:commandButton value="Login" type="button" onclick="PF('dlg').hide()" style="width:auto" icon="ui-icon-person"/>
                                </f:facet>  
                            </p:dialog>
                        </div>
                    </div>

                </div>
            </div>
        </h:form>
    </h:body>
</html>

Post Reply

Return to “Ultima - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests