Tabbing order - Is it configurable

Avatar

Avatar

vkeerthy

Avatar

vkeerthy

vkeerthy

15-10-2015

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!

Replies

Avatar

Avatar

deepak_k_

Employee

Avatar

deepak_k_

Employee

deepak_k_
Employee

15-10-2015

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

Avatar

Avatar

vkeerthy

Avatar

vkeerthy

vkeerthy

15-10-2015

Thanks Deepak. That helps!

Avatar

Avatar

vkeerthy

Avatar

vkeerthy

vkeerthy

15-10-2015

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 😞