Using the Constellations_Classic template
The iMIS EMS Staff site navigation was enhanced in February 2023 with the following:
- A collapsible navigation, allowing staff users to utilize more horizontal space on the screen.
- Updated icons that are powered by out-of-the-box CSS classes. These CSS classes, in addition to several other new classes, are only available with the Orion theme.
These enhancements required many changes to the Constellations template; therefore, to accommodate those using the Constellations template with a custom website, the Constellations_Classic template was created.
The Constellations_Classic template will be deprecated in the future, so it is important to add all theme customizations to the website’s Custom CSS button and update the template to Constellations.
Important! Custom CSS may need to be updated, because of the many changes to the navigation’s markup and the related CSS selectors.
Example: The Staff site navigation background color is currently red (#c00). The CSS needs to be added to the Custom CSS button, so the template can be updated to Constellations.
Do the following to update the navigation background color:
- Go to RiSE > Site Builder > Manage websites.
- Expand the Core Sites folder, then click the Staff site.
- Click the Look and feel tab, then click Custom CSS.
- Add the following to the textbox:
- Click OK.
- Click Advanced Options.
- From the Template (master page) drop-down, select Constellations.
- Click OK, then click Save.
- Click Publish.
.col-secondary,
.sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL,
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div.rtSelected,
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div.child-is-selected-wrapper,
.sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI:hover > div {
background-color: #c00;
}