Forum Discussion

allisonn's avatar
allisonn
Genius
10 years ago

Flexibility in styling User Settings page

We are looking to do some redesigning of our Community and was advised to post my question here. Can any one tell me how flexibile the user settings page is to style (https://community.netapp.com/t5/...
  • MikeY's avatar
    MikeY
    10 years ago

    Hi allisonn,

     

    You can have the top tabs on the left side with CSS only using something like: 

     

    #lia-body .lia-content .lia-quilt-my-profile-page ul.lia-tabs-standard {
      display: table-cell;
    }
    
    #lia-body .lia-content .lia-quilt-my-profile-page .lia-tabs-standard > li {
      float: none;
      height: 20px;
    }
    
    .PersonalProfile {
      display: table-cell;
      padding-left: 20px;
      vertical-align: top;
    }

     

    The more difficult part is if you want both tabs to be on the left side in a nested fashion.  The tabs and subtabs aren't nested in a way that naturally lend itself to show the subtabs below the tabs (like in the admin).  

     

    Other options include the main tabs on the far left, subtabs in the middle and content on the right is possible or putting all the subtabs on the bottom of the list, but neither of those are likely what you're looking for. 

     

    I hope that helps!

     

    mikey


    Screen Shot 2015-08-12 at 5.20.10 PM.png