Accessing the Selected property on TitleBar tabs

Question

I am using the Application Layout control and have tabs in the TitleBar. I want to change the style of the tab if it is selected. I am currently doing it by comparing the value of the tab to a sessionScope variable I am setting when the tab is clicked.

I saw something (though I can't find it now) about using the Selected property of the Basic Node I am using for the tab. How would I access that in SSJS so that I can do something like this?

if(thisnode.selected) {
    return "lotusTabs liActive";
} else {
    return "lotusTabs li";
}

Thanks.

Answer 1

The following CSS rule will target the selected title tab:

div.lotusTitleBar ul.lotusTabs li.lotusSelected {
// your code here
}