JARCH SHOWCASE
JARCH SHOWCASE
Password Password component is an extended version of standard inputSecret component with theme integration, strength indicator and match mode.
Basic:
Feedback:
Feedback (Turkish):
Inline Feedback:

<a:form>
    <h:panelGrid columns="2" cellpadding="5">
        <h:outputText value="Basic: " />
        <a:password id="nonFeedback" value="#{passwordView.password1}" />

        <h:outputText value="Feedback: " />
        <a:password id="feedback" value="#{passwordView.password2}" feedback="true" />

        <h:outputText value="Feedback (Turkish): " />
        <a:password id="turkishFeedback" value="#{passwordView.password3}" feedback="true"
                    promptLabel="Lütfen şifre giriniz" weakLabel="Zayıf"
                    goodLabel="Orta seviye" strongLabel="Güçlü" />

        <h:outputText value="Inline Feedback: " />
        <a:password id="inlineFeedback" value="#{passwordView.password4}" feedback="true" inline="true" />
    </h:panelGrid>

    <a:spacer height="10" />

    <a:separator />

    <a:messages id="messages" showDetail="true" autoUpdate="true" />

    <h:panelGrid columns="2" id="matchGrid" cellpadding="5">                   
        <h:outputLabel for="pwd1" value="Password 1: *" />
        <a:password id="pwd1" value="#{passwordView.password5}" match="pwd2" label="Password 1" required="true" />

        <h:outputLabel for="pwd2" value="Password 2: *" />
        <a:password id="pwd2" value="#{passwordView.password5}" label="Password 2" required="true" />
    </h:panelGrid>

    <a:commandButton update="matchGrid" value="Save" />
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.