[dollars5]

If you want to select only sub-categories then this should help and get digg style categories selecting in step 2 - modify submit_step2.tpl to include this code instead of the old drop-down list code. This code is used live in Meme or Lame / Published News

<p class="l-mid">
			<label for="category" accesskey="1">{#PLIGG_Visual_Submit2_Category#}:</label>
			<span class="form-note">{#PLIGG_Visual_Submit2_CatInstruct#}</span>

			<div id="category">
				{assign var=test value=0}
				{section name=thecat loop=$cat_array}
			
					{if $cat_array[thecat].spacercount lt $lastspacer}{$cat_array[thecat].spacerdiff|repeat_count:'</ul></div>'}{/if}
					{if $cat_array[thecat].spacercount gt $lastspacer}{/if}
					{$cat_array[thecat].spacercount|repeat_count:'&nbsp;&nbsp;'}
					{if $cat_array[thecat].parent neq 0}
						{if $test eq 0}<li><input name="category" type="radio" id="select-i" value="{$cat_array[thecat].auto_id}" checked/>
							{$cat_array[thecat].name}
							{assign var=test value= $cat_array[thecat].parent}
							{elseif $test ne 0}
							<li><input name="category" type="radio" id="select-i" value="{$cat_array[thecat].auto_id}" />{$cat_array[thecat].name}
						{/if}
					{else}<div class="column-list"><ul><strong>{$cat_array[thecat].name}</strong>
					{/if}
					
					{assign var=lastspacer value=$cat_array[thecat].spacercount}
					
				{/section}
			<br/>
			</div>
		</p>

andd add to main.cs this code

#category ul{list-style:none}
#category ul li a{display:block;width:7em;text-decoration:none;list-style:none}
#category ul li a:hover{color:#FFF;background-color:#A52A2A}
div.column-list {float:left;width:10em}

Screenshot of final implementation (as seen on http://memeorlame.com):


A screenshot of how it looks at Digg:

[rhythm]

Thanks a lot for the code. But my categories display one below the other.

I want the (in diggs case) technology, world & business, videos, sports, etc and their sub categories to display right beside each other horizontally, like in Digg.

Thanks in advance for any help.

Edit: Nevermind, i found it. Thanks again for the code

[dollars5]

Oops that is the CSS style that gives this appearance:

#category ul{list-style:none}
#category ul li a{display:block;width:7em;text-decoration:none;list-style:none}
#category ul li a:hover{color:#FFF;background-color:#A52A2A}

[Genghis]

Dollars,

I really appreciate you sharing this with everyone. But I'm having a real hard time aligning the columns side-by-side like on digg and your site.

I feel like a total idiot going through the statements and not being able to understand a single bit of it. I can't seem to wrap my small brain around arrays and how their generated in the html.

In any case, it would really be great if you could share the correct css or smarty code for making the categories side-by-side. Thanks so much....

[not2serious]

IS there any way to use something like this for a preset group of tags? Of course there would have to be the ability to add unique tags as well.

The user would then be encourage to use tags and the site/story would get more traffic. It could also be set to only commit with at least two tags checked. I am not a coder, so I would not know how to create this myself.

[Firebrand]

Great tip. I'd like to see this implemented into my site.

[dollars5]

Originally Posted by Genghis

Dollars,

I really appreciate you sharing this with everyone. But I'm having a real hard time aligning the columns side-by-side like on digg and your site.

I feel like a total idiot going through the statements and not being able to understand a single bit of it. I can't seem to wrap my small brain around arrays and how their generated in the html.

In any case, it would really be great if you could share the correct css or smarty code for making the categories side-by-side. Thanks so much....

Did you use the CSS I presented in the comment above your's?

[cfarmer8]

Works PERFECT on my site thankxxxxxx

[P1mpPanther]

is there an issue with this if a category doesn't have any subcategories?

for some reason, even with the updated CSS code my categories are stacked one on top of the other, and if the Cat is w/o a sub Cat - no radio button appears!

[dollars5]

Sure is - as the CSS will not allow you to select an category from level 1 (it behaves in that manner) as in 2 - level categories, most systems expect an user to select a category from level 2 and not parent level.

I am not sure - many people have got it successfully working on their site and have sent PM thanking me for that. Can you try flushing your templates_c folder and local broswer cache - maybe it is just loading the css from local cache.