CSS for Active page

4
Hi i am currently creating a theme package and i want to change the colour of the text or background of the active menu item. I know you can do this with plain CSS like this: a:active{}, but i am unsure how to do this in Mendix. Could someone help?
asked
2 answers
3

There is a "Focused" class you can use for the menu items. You have to use it for the "label" and the button itself. Also note that you have to include the normal and dropdown button.

Menu button active:

.tundra .dijitToolbar .dijitDropDownButtonFocused,
.tundra .dijitToolbar .dijitButtonFocused {
     background: red;
}

For the menu label it's the following css:

.tundra .dijitToolbar .dijitDropDownButtonFocused .dijitButtonText,
.tundra .dijitToolbar .dijitButtonFocused .dijitButtonText {
     color: #000;
}

EDIT:

For a dropdown menu item you can use the following css:

.tundra .dijitMenuItem {
      color: #000;
 }

.tundra .dijitMenuPassive .dijitMenuItemHover, 
.tundra .dijitMenuItemSelected {
        color: #fff;
         background: red;
 }
answered
0

There is a "Focused" class you can use for the menu items. You have to use it for the "label" and the button itself. Also note that you have to include the normal and dropdown button.

Menu button active:

.tundra .dijitToolbar .dijitDropDownButtonFocused,
.tundra .dijitToolbar .dijitButtonFocused {
     background: red;
}

For the menu label it's the following css:

.tundra .dijitToolbar .dijitDropDownButtonFocused .dijitButtonText,
.tundra .dijitToolbar .dijitButtonFocused .dijitButtonText {
     color: #red;
}

Hope this helps.

answered