Spotlight Spotlight highlights a certain component on page.
Panel is highlighted on validation error.
New User
<h:form>  
    <p:growl id="growl" />

    <p:panel id="pnl" header="New User" style="margin-top:10px">
        <p:messages id="messages" />
        <h:panelGrid columns="3" id="grid" cellpadding="5">
            <p:outputLabel for="username" value="Username" />
            <p:inputText id="username" value="#{spotlightView.username}" required="true">
                <f:validateLength minimum="2" />
            </p:inputText>
            <p:message for="username" />

            <p:outputLabel for="email" value="Surname:" />
            <p:inputText id="email" value="#{spotlightView.email}" required="true"/>
            <p:message for="email" />
        </h:panelGrid>

        <p:commandButton value="Save" icon="ui-icon-check" actionListener="#{spotlightView.save}" update="growl grid" oncomplete="handleForm(xhr, status, args)"/>
    </p:panel>

    <p:spotlight target="pnl" widgetVar="spot"/>
</h:form>
                
PrimeTek, Copyright © 2017
All rights reserved.
Running PrimeFaces-6.2-SNAPSHOT on Mojarra-2.3.2.