Skip to main content
ExLibris
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    How to customize portal's side bar menu and breadcrumbs

    • Product: campusM
    • Operating system: Desktop, web

    Question 

    How can I add custom font and color for of the portal's breadcrumbs and menu?

    Answer 

    This knowledge article provides guidance on how to customize the breadcrumbs and menu option in the portal view using the app builder code section . 

    The example will show you how to change the breadcrumbs color (Home > Library) from blue to pink.

    clipboard_e6ca98c8c6d678ca73a24de76448abf2c.png

     

    Go to App Mamanger ->App Builder -> Profile config

    clipboard_e11728fa2161dfe163420f6aae6ae1587.png

    Click on the Config "code" option

    clipboard_e2ab61c0754ea4472ab879b66c96e2cda.png  

    To change the breadcrumbs color add 

    "breadcrumbs":

    { "color": "purple" },

     

    Or use the color code:

     

    "breadcrumbs":

    { "color": "#a6a4e3" },

     

    To change the side bar menu you ca use the following highlighted attributes under CSS sections

    "sidebar": {

        "enabled": true,

        "itemOrder": [

          "23540",

          "28274",

          "23439",

          "25213",

          "23417",

        ],

        "css": {

          "fontWeight": "bold",

          "textColor": "#0a0a0a",

          "textTransform": "capitalize",

          "backgroundColor": "#53738c"

        },

        "footer": {

          "content": "Powered by campusM "

        }

      }


    • Article last edited: 20-Mar-2020
    • Was this article helpful?