Skip to main content

Notifications

Power Apps - Building Power Apps
Suggested answer

How i can control the order of the fields when using Tab button

Posted on by 1,374
We have this screen with many controls:-
 
 
 
 
 
Currently when i type inside the Quantity , and i click on Tab >> i will get moved to the "Description of goods", then "Unit Price", then "Delivery Charge", then "GST checkbox", then navigation stops..
 
but i need this tab order, "Quantity" >> "Description of goods" >> "Unit Price" , "+ Icon" >> "Delivery Charge" >> "GST checkbox" >> "Comment " >>"Submit"?? i tried using the TabIndex property, but it did not work, any help please?
 
Thanks
  • johnjohnPter Profile Picture
    johnjohnPter 1,374 on at
    How i can control the order of the fields when using Tab button
     
     
    and it is not working for me,,, i set the needed fields to start at 1 till 7 , and the not needed fields to have -1 or zero.. also my control are inside forms and some of them are outside the form
  • johnjohnPter Profile Picture
    johnjohnPter 1,374 on at
    How i can control the order of the fields when using Tab button
    @ronaldwalcott
     tab index is not working, other tabs has -1 or 0,, and i am reading this article that tab indexex is no longer supported https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/accessible-apps-structure#custom-tab-indexes-retired-feature
     
    I set the first field as 1 till 7 but did not have any effect
  • ronaldwalcott Profile Picture
    ronaldwalcott 1,167 on at
    How i can control the order of the fields when using Tab button
    The regular way is to set the Tab Index starting at 1 and incrementing based on your order.
    What is happening when you do this?
    Are you setting the tab index for everything or are you leaving some at 0? 
  • Suggested answer
    SaiRT14 Profile Picture
    SaiRT14 1,334 on at
    How i can control the order of the fields when using Tab button
    pls try the following:
     
    Assign TabIndex Values:
    Set the TabIndex property for each control in your form. Ensure each control has a unique integer value, starting with 0 or 1 for the first element.
    Example: Quantity = 1  Description of Goods = 2 Unit Price = 3+ Icon = 4 Delivery Charge = 5 GST Checkbox = 6 Comment = 7 Submit = 8
     
    Ensure TabIndex is Applied on All Controls: For the controls not explicitly set, the default TabIndex value might interfere. Explicitly assign a TabIndex value to
    every control, including any buttons, icons, or labels that might be focusable.
     
    Check Container Controls: If your form controls are inside containers (e.g., grids, groups, or frames), the container itself might have its own TabIndex. Ensure the TabIndex of the container does not interfere with the child elements.
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

November 2024 Newsletter…

November 2024 Community Newsletter…

Community Update Oct 28…

Power Platform Community Update…

Tuesday Tip #7 Community Profile Tips…

Welcome to a brand new series, Tuesday Tips…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 143,591

#2
RandyHayes Profile Picture

RandyHayes 76,308

#3
Pstork1 Profile Picture

Pstork1 64,090

Leaderboard