I have a block1 which have form and the block2 contains the block1 inside sidebar and in block1 i have several custom components just like dropdowns so when i am trying tab navigation inside sidebar it is not working for those custom dropdown components. Just to cross check i have removed sidebar and implemented directly block1 on screen so tab navigation is working fine from top to bottom. I have observed in the sidebar for those tab navigation is not working their tab index is set to -1 so those components have direct attribute property to set but have input to set tab index. So please let me know how can i achieve tab navigation for block1 inside sidebar.
Hi chirag ghaghat,
As per you question, I implemented what I understand and it is working fine of me.
Can you please have a look on below OML what I did exactly that you are looking.
Or if possible you can share your OML.
Regards,
Rajat
@Rajat Agrawal here what i meant for tab navigation we want to set the focus on field as we press tab key from the keyboard from top to bottom inside the sidebar
Hi ,
Here are some steps which can help you to solve your problem hopefully
Step 1: Set Tabindex for Custom Components
Step 2: Tabindex for the Sidebar
Step 3: Make Sure Tab Indexes Follow a Logical Order
Step 4: Handle Dynamic Content
Step 5: Use the "Focus" Action If Needed
Example of JavaScript: document.getElementById("YourDropdownId").focus();
Step 6: Client Actions and JavaScript for Complex Scenarios
Step 7: Check Sidebar Visibility
You can go through this and try these steps
Thank You