User Profile
Last Post 04/24/2008 3:58 AM by Lee Sykes. 3 Replies.
Author Messages
topoulos
Nuke Active Member
Nuke Active Member
Posts:30


--
11/11/2007 2:37 PM
    I have finished the excellent section on Custom properties in the User Profile.  I did notice that the sections for the custom categories are too close together, while the default ones are spaced out nicely on the registration screen.  Is there a way to fix this?

    thanks
    Tony
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    11/13/2007 3:46 PM
    Hello,

    I've just done a quick test and mine seem to be spaced the same as the default. - if you are having problems it maybe worth using the web developers toolbar, go to the information menu and select display ID and class details. - from here you can see that each custom property is given a unique ID. - you should be able to target each of these IDs in your skin.CSS file and specify some spacing.

    I have just tested this - using it, I identified the table that was created by dnn for the custom properties and then specified:

     #dnn_ctr_ManageUsers_Profile_ProfileProperties_tblnew
    {
    height: 200px;
    border: 10px solid orange;
    margin-bottom: 20px;
    padding: 20px;
    }

    to style the table and to style each cell in the new custom properties used:

     #dnn_ctr_ManageUsers_Profile_ProfileProperties_tblnew td
    {
    height: 200px;
    border: 10px solid orange;
    margin-bottom: 20px;
    padding: 20px;
    }
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    LetItShine
    Nuke Ace
    Nuke Ace
    Posts:47


    --
    04/23/2008 11:14 AM

    Hey Tony, I had the exact same problem with the custom cateogories being too close to the line above them. Lee's suggestion worked for influencing the space between all the form fields, but not the Property Category title itself.

    In my case, it worked quite nicely to create a style for the little "minus" image in front of each category by using it's ID in the class name. Like this, for the property category called Business_Address, this style made the spacing right.

    #dnn_ctr506_ManageUsers_Profile_ProfileProperties_icoBusiness_Address {
          padding-top: 25px;
    }

    Moving that image down also moved the property category words down.

    *Please Notice that the property category called "Business_Address" has no space in between the words as the style would not work for me at all unless that space was gone.

    Good luck with your site Tony!

    Mark Buelsing

    Hey Lee, obviously I have watched this set of videos als. Nicely done as always!

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    04/24/2008 3:58 AM
    Cheers, and thanks for the extra info,

    Lee
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---