> Forums > Active Social > Themes and Templates > Styling the Categgories in Group Add
Last Post 31 Aug 2010 07:06 PM by Frozen DNN. 7 Replies.
AddThis - Bookmarking and Sharing Button Printer Friendly
  •  
  •  
  •  
  •  
  •  
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages
Not Resolved
Tareq
Customers
Tareq
Post Count:440

--
10 May 2010 01:00 PM
    The answer is probably no but let me ask anyway:

    Is it possible to use a drop down list or a listbox for catgeories in Add Group wizard instead of Checkbox?

    If no my second choice would be to make the Categories horizontal instead of vertical.

    Will Morgenweck Forum Admin
    DotNetNuke Staff
    Will Morgenweck
    Post Count:7672

    --
    10 May 2010 01:16 PM
    The categories are actually rendered using javascript. Using DropDown lists or list boxes are the probably the least user friendly option when you provide multiple selection options. A horizontal representation doesn't really work well with sub categories. You can still adjust the positioning and style with css.
    Will Morgenweck
    Director of Product Management
    DotNetNuke Corp.
    Tareq
    Customers
    Tareq
    Post Count:440

    --
    10 May 2010 01:29 PM
    I agree with you on Usabality Will but imagine a page with 100 categories and the scrolling a user will need. My first choice would have been ListBox so user can select multiple and with a scrollable fixed height listbox. I forgot about the sub-categories and I agree that won't work.

    Thank you again. I am trying to launch my site by next week so I will keep dropping questions now and then and I appreciate all the quick responses.
    Will Morgenweck Forum Admin
    DotNetNuke Staff
    Will Morgenweck
    Post Count:7672

    --
    10 May 2010 01:31 PM
    You can wrap the categories in a scrolling div. That might give you the presentation you want.
    Will Morgenweck
    Director of Product Management
    DotNetNuke Corp.
    Tareq
    Customers
    Tareq
    Post Count:440

    --
    10 May 2010 02:31 PM
    Thanks WIll that is good idea. IT is not that important right now as I do not have that many categories but I hope it will grow and I can figure that out later.
    Jeff Blanks
    Customers
    Jeff Blanks
    Post Count:387

    --
    11 Jul 2010 04:49 PM
    Here's a quick way to get categories into a Horizontal View (not tested in all browsers yet):

    #ulGroupCat {
    padding-left:10px;
    }

    #ulGroupCat li {
    display:block;
    width:100%;
    text-decoration:underline;
    float:left;
    clear:right;
    padding:10px;
    font-size:16px;
    }

    #ulGroupCat ul {
    display:block;
    padding:0 25px;
    float:left;
    width:100%;
    }

    #ulGroupCat ul li {
    width:auto;
    padding:0 4px;
    text-decoration:none;
    font-size:12px;
    }

    They could actually be templated quite easily if the subcategories were getting wrapped in the the category but it's actaully rendered outside like this: ul id="ulGroupCat" - li (cat) /li - ul (subcat) /ul - /ul

    I'm still working on this, and will share my progress.
    Cheers! Jeff
    @northeastok | @jeffblanks | My Blog
    Jeff Blanks
    Customers
    Jeff Blanks
    Post Count:387

    --
    31 Aug 2010 06:33 PM
    Here is a way to hide top level categories with css but keep lower level cats avail to select:

    
    #ulGroupCat { /* group categories lists */
    padding-left:10px;
    }
    
    #ulGroupCat li {
    display:block;
    width:50%;
    font-weight:700;
    float:left;
    clear:right;
    padding-top:5px;
    font-size:16px;
    color:#06a;
    }
    
    #ulGroupCat li input {
    margin:2px;
    visibility:hidden; /* Hide the checkbox for toplevel */
    }
    
    #ulGroupCat ul {
    display:block;
    padding:0 25px;
    float:left;
    width:100%;
    }
    
    #ulGroupCat ul li {
    width:auto;
    padding:0 4px;
    font-weight:normal;
    font-size:12px;
    color:#6b6b6b;
    }
    
    #ulGroupCat ul li input {
    margin:2px;
    visibility:visible; /* Show the checkbox for lower levels (subcategores) */
    }
    
    Cheers! Jeff
    @northeastok | @jeffblanks | My Blog
    Frozen DNN
    Customers
    Frozen DNN
    Post Count:1331

    --
    31 Aug 2010 07:06 PM
    Thanks!
    I am using the latest AS/AF/DNN available.
    Thanks.
    You are not authorized to post a reply.
    > Forums > Active Social > Themes and Templates > Styling the Categgories in Group Add
    test
    Copyright 2012 by DotNetNuke Corporation / Terms of Use / Privacy