Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Tabbing order - Is it configurable

Avatar

Level 3

Requirement: I want an authorable tabbing order for the form fields.

Question:

Is there an out of the box functionality in AEM forms to control (by content author) the tabbing between fields. The default tabbing occurs either from left to right or top to bottom. So is there a way from AEM to influence on this sequence?

Any pointers or work around is highly appreciated. Thanks!

1 Reply

Avatar

Employee

No, tabbing is governed by natural order of HTML tabbing behavior. 

Avatar

Level 3

Since business was expecting this functionality, I over-layed as per the attachment and in the widget.jsp, I tried to absorb tabindex value configured form dialog.

<c:otherwise> <c:set var="tabIndexValue" value="<%=properties.get("tabIndex", "")%>"/> <input type="text" tabIndex="${tabIndexValue}" id="${guideid}${'_widget'}" name="${guide:encodeForHtmlAttr(guideField.name,xssAPI)}" value="${guide:encodeForHtmlAttr(guideField.value,xssAPI)}" style="${guide:encodeForHtmlAttr(guideField.widgetInlineStyles,xssAPI)}" placeholder="${guide:encodeForHtmlAttr(guideField.placeholderText,xssAPI)}"/> </c:otherwise>

For some reason the tabindex value that I configure from dialog aren't effective. Am I missing some step here...? Any help / suggestion is much appreciated. Thanks!

 

~ On side note, I could see the default AEM components spits some random index ID for each form fields. I am not sure where this is coming from as well 😞