X

Shay Shmeltzer's Oracle Development Tools Tips

  • January 21, 2011

Controlling tab order in an ADF Form

Shay Shmeltzer
Director of Product Management - Oracle

This one came up in a call with a customer today - they wanted to control the navigation order of the cursor when you press tab. Duncan reminded me of a possible solution that will allow you to navigate between columns of fields in a horizontal way.

So here is a little demo of how to set it up and also shows how to align columns across multiple forms using the field and label width properties.

Join the discussion

Comments ( 2 )
  • Ricardo Cesar Wednesday, November 16, 2011

    Hi Shay Shmeltze,

    It´s cool, but how to set all labels with same size (as the property LabelWidth of PanelFormLayout)?

    Regards,

    Ricardo Cesar


  • Raj Acharya Thursday, May 30, 2013

    Hi Shay,

    I Have a found a way to do which seems much simple then using Trinidad HTML Tags, I just used panelGroupLayout with Layout= "Horizontal" and maxColumn = 1 for that. Here is how i did.

    [code]

    <af:panelFormLayout rows="3" maxColumns="1" id="pfl1">

    <af:panelGroupLayout layout="horizontal" id="pgl1">

    <af:inputText label="Label 1 " id="it1"/>

    <af:spacer width="10" height="10" id="s1"/>

    <af:inputText label="Label 2" id="it2"/>

    <af:spacer width="10" height="10" id="s2"/>

    <af:commandButton text="commandButton 1" id="cb1"/>

    <af:spacer width="10" height="10" id="s3"/>

    <af:outputText value="outputText1" id="ot1"/>

    </af:panelGroupLayout>

    <af:panelGroupLayout layout="horizontal" id="pgl2">

    <af:inputText label="Label 3" id="it3"/>

    <af:spacer width="10" height="10" id="s4"/>

    <af:inputText label="Label 4" id="it4"/>

    <af:spacer width="10" height="10" id="s5"/>

    <af:outputText value="outputText2" id="ot2"/>

    </af:panelGroupLayout>

    <af:panelGroupLayout layout="horizontal" id="pgl3">

    <af:inputText label="Label 5" id="it5"/>

    <af:spacer width="10" height="10" id="s6"/>

    <af:outputText value="outputText4" id="ot4"/>

    <af:spacer width="10" height="10" id="s7"/>

    <af:inputText label="Label 6" id="it6"/>

    <af:spacer width="10" height="10" id="s8"/>

    <af:outputText value="outputText3" id="ot3"/>

    </af:panelGroupLayout>

    </af:panelFormLayout>

    [code]


Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.