Customer experience | Sales, Customer Insights,...

Form Focus on Save

(0) Share

Report

Posted on by cahickm2

Good morning!

I have had the idea of only presenting users with only relevant tabs based on optionset value selections. I was able to come up with the following; it hides all tabs except the main input tab on load, it then displays the related tab on change. All is good there, however, on save the focus goes back to the main tab (on initial save only, subsequent saves focus remains where it should). On save how do I make it that the focus remains on the tab at the time of save?

function ToggleTab(executionContext) {
_formContext = executionContext.getFormContext();

var value = _formContext.getAttribute("xx_requesttype").getValue();
_formContext.ui.tabs.get("tab_5").setVisible(false);
_formContext.ui.tabs.get("tab_6").setVisible(false);
_formContext.ui.tabs.get("tab_7").setVisible(false);
_formContext.ui.tabs.get("tab_8").setVisible(false);
_formContext.ui.tabs.get("tab_10").setVisible(false);

if (value === 157420000)
_formContext.ui.tabs.get("tab_5").setVisible(true);
else if (value === 206340000)
_formContext.ui.tabs.get("tab_6").setVisible(true);
else if (value === 206340002)
_formContext.ui.tabs.get("tab_7").setVisible(true);
else if (value === 206340003)
_formContext.ui.tabs.get("tab_8").setVisible(true);
else if (value === 100000000)
_formContext.ui.tabs.get("tab_10").setVisible(true);
}

Thanks,

Corey

I have the same question (0)

All responses (6)

Answers (0)

Suggested answer

Amit Katariya007 10,409 Super User 2025 Season 2 on at

Like (0)

Report

can you share some screen shots that will be helpful.

Was this reply helpful? Yes No
cahickm2 12 on at

Like (0)

Report

On Load:

On Change:

Add data to the unhidden tab:

Click Save and the focus goes back to the general tab:

Subsequent saves the focus remains on the tab that has the focus when clicking save:

I would like it to stay on the tab that was visible at the time save was clicked.

Was this reply helpful? Yes No
Suggested answer

Amit Katariya007 10,409 Super User 2025 Season 2 on at

Like (0)

Report

Hello,

Can you try to use setFocus() function which will make your tab as primary.

learn.microsoft.com/.../setfocus

Refer below article which will help you to resolve your issue.

carldesouza.com/.../

Thank you,

Amit katariya

Was this reply helpful? Yes No
Suggested answer

Naveen Ganeshe 3,397 User Group Leader on at

Like (0)

Report
Hello,

You can use the formContext.ui.tabs.get method to get a specific tab by name and set focus on it.

var tabName = "tab_name";
var tabName = "tab_name"; formContext.data.entity.save().then( function (saveResult) { formContext.ui.tabs.get(tabName).setFocus(); }, function (error) { console.log(error.message); } );

It's important to keep in mind that you have to set the focus on the tab after the save event is completed, if you set it before the save it may not work properly.

Was this reply helpful? Yes No
cahickm2 12 on at

Like (0)

Report

I don't believe this will work. I want to set the focus to whatever tab has the focus, not a defined tab.

Was this reply helpful? Yes No
Suggested answer

Naveen Ganeshe 3,397 User Group Leader on at

Like (0)

Report

Hi cahickm2,

1. You can add onchange event on the tabs on onload function and save the tab name in the query string. Once you save the record, you can retrieve the tab name and set the focus accordingly

2. You can get the display state of all the tabs and look for the expanded tab. It will give you the current active tab and you can set focus then.

learn.microsoft.com/.../getdisplaystate

Was this reply helpful? Yes No