Styling the Profile Actions
20 May 2010 02:10 PM

    Please read the guide on using the template manager and creating a custom theme before using this guide

    • The Profile Actions look like text links when using a default style. They have the "CommandButton" class applied to them.
    1. If you just want to make minor changes, you can add this line to your Portal.css file.
      .tools .CommandButton{font-size:14px !important;}
      This file is located in the Portals/{portalId}/ directory. You can add styles, the !important flag is needed for each one.
    2. If you need to make more in-depth changes, the code for the links is hidden behind a token. This token appears in the ProfileView.ascx file. Make sure you are editing a copy of the default ProfileView in a custom theme or the portals directory.
    3. The actual code is located in the DesktopModules/ActiveSocial/config/tokens.config file. This config file is not part of a theme, so you should not change it.
    4. Locate this block of code, it should normally be the first section. Copy everything in the orange box, including the ul tag.
    5. Replace the [AS:PROFILE:ACTIONS] token in the ProfileView.ascx template with the code you just copied.
    6. If you look at the red box, notice I changed the css class that is applied to the element. You can add these classes or your own styles.
    7. Those are Active Social CSS classes that are applied to other elements on the page.
    8. You will also need to replace the token in the ProfileEdit, MySettings, and MyAccount templates.
    You are not authorized to post a reply.
    test
    Copyright 2012 by DotNetNuke Corporation / Terms of Use / Privacy