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/user/myprofilepage/tab/personal-profile)? For example, must we keep it in the current horizontal tabbed format or can we let's say move the tabs to stack vertically on the side?

  • 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

13 Replies

Sort By
  • Fellsteruk's avatar
    Fellsteruk
    Boss
    10 years ago
    Hey

    It's very customisable! You can do what you want with it TBH, I'm also going to be planning some major changes to this area on my own community but I don't know many that go all out, seems to be a few minor changes.

    Best example I can share of a custom profile page is LEGO!! Head over to their community, create an account and have a play!!

    Hope this helps!!
  • Fellsteruk's avatar
    Fellsteruk
    Boss
    10 years ago
    Hmmmm. I was lead to believe it was possible but maybe it's only possible with a completely custom page.... I'm still planning what I want to do with mine and not got down to the doing... Maybe one of the other Dev guys could help confirm!
  • allisonn's avatar
    allisonn
    Genius
    10 years ago

    It COULD be possible, but the Lego example isn't an example of it :smileyfrustrated:

  • Fellsteruk's avatar
    Fellsteruk
    Boss
    10 years ago
    I get that just thought they had done that unless I was thinking of another community.

    If I can find an example of what I'm sure I've seen I'll let you know.
  • JeffSp's avatar
    JeffSp
    Lithium Alumni (Retired)
    10 years ago

    There is some styling you can do with skinning. Here's an example of what it looks like out of the box with the Lithium Mondrian skin:

     

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

     

      -- Jeff

  • JeffSp's avatar
    JeffSp
    Lithium Alumni (Retired)
    10 years ago

    Nope. Mondrian is a regular skin we put in a few months ago... primarily for new deployments and as a starting point for redesigns that like the "flat" styling. The responsive skin will have some similar attributes, but it's not quite ready.

     

      -- Jeff

  • allisonn's avatar
    allisonn
    Genius
    10 years ago

    Thanks JeffSp, just to confirm, in theory, we could style our current profile page as you have in the new template (e.g. the vertical tabs) with just using the elements on the page already and not having to create a custom page.

  • JeffSp's avatar
    JeffSp
    Lithium Alumni (Retired)
    10 years ago

    Yep, that's right.

      -- Jeff