Okay
  Public Ticket #2616030
Skin
Closed

Comments

  • hanns08 started the conversation
    November 30, 2020 at 8:25am

    Hi,

    I am trying to change the skin to ‘navy’, but whenever I edit the following:

    skins: { sidebarMenu : ’’, horizontalMenu : ’’, userInfoNavbar : ’’ },

    to ‘navy’ or ‘Navy’. nothing changes.

    I also add this code in my controller.js (below $layout.loadOptionsFromCookies()), but nothing changes.

    $layout.setOptions('skins.sidebarMenu', 'navy');
$layout.setOptions('skins.horizontalMenu', 'navy');
$layout.setOptions('skins.userInfoNavbar', 'navy');

    Can you help?

    Thanks

  • [deleted] replied
    December 2, 2020 at 9:25am

    Hi hanns08,

    If skin changing is not working that way, you can apply it directly to body with this code:

    function setNavySkin() {
    $( 'body' ).addClass( 'skin-navy horizontal-menu-skin-navy user-info-navbar-skin-navy' );
}
    This is equivalent to your previous code in your reply.

  • hanns08 replied
    December 3, 2020 at 8:28am

    Hi Arlind,

    I am newbie in here. Where I could put this code ?

    function setNavySkin() {
    $( 'body' ).addClass( 'skin-navy horizontal-menu-skin-navy user-info-navbar-skin-navy' );
}
  • [deleted] replied
    December 4, 2020 at 8:43am

    You can place this code in your file that you are doing your customization, or even add it in angular files defined by Xenon xenon-custom.js

    Then you can access this function from Angular controllers or anywhere else.