Skip to main content




Applies only to Traditional Web Apps
Service Studio version:

Section Index Reference

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Layout and classes

    CSS selectors

    Element CSS Class Description
    .section-index Defines if the SectionIndex position is fixed or not
    .section-index-item Defines the current active link

    Advanced use case

    Change active color

    1. Write the following CSS in the CSS editor and change the yourcolor. {
          border-left-color: yourcolor;
          color: yourcolor;
    2. Or using CSS variables: var(--color-yourcolor). {
          border-left-color: var(--color-yourcolor);
          color: var(--color-yourcolor);

    For RTL compatibility, make sure to also add the following code:

    .is-rtl {
        border-right-color: yourcolor;
        color: yourcolor;
    • Was this article helpful?