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?
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