Interactivetools.com Forum: Products: Article Manager 2: Need Simple Sub Cat Styling?

Home: Products: Article Manager 2:
Need Simple Sub Cat Styling?

timages
User

May 7, 2008, 9:54 AM

Post #1 of 4 (928 views)
Shortcut

Need Simple Sub Cat Styling?	Can't Post

I need to style subcatagories, but I can't figure out how to style just the <li> and <a href> tags of just the sub catagories.

I've done a search on the forums and tried to implement something but it didn't work.

My biggest issue is the I need to publish <ul> command onece for just the sub cat and then end with </ul>.

I've attached a zip file with what I need. Please review and let me know how to make it function with in categoryMenu.html

I need it to be a list tag and not with tables.

Thank You,

Attachments:

PAHE-Menu.zip (150 KB)

MikeB
Staff / Moderator

May 7, 2008, 1:36 PM

Post #2 of 4 (922 views)
Shortcut

Re: [timages] Need Simple Sub Cat Styling? [In reply to]	Can't Post

Hi,

Thanks for the post!

For something like this, would it work for you to use some templateIf statements? This way you could set the style of the <li>, <ul>, or <a> tag based on the level of the category (top level, sub category, sub-sub category, etc.)

Does this sound like something that will work for you?

I look forward to hearing from you! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

Hire me!
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with Priority Consulting.

timages
User

May 8, 2008, 5:48 AM

Post #3 of 4 (838 views)
Shortcut

Re: [MikeB] Need Simple Sub Cat Styling? [In reply to]	Can't Post

Mike,
This sounds fine. I searched the forums and tried to implement so if statements and tried using level=='0' and level=='1' tags. In the multiple attempts to make it function I messed up the test file so I reverted back to original.

I guest I just don't understand how to impplement such statements. Some of the forum statements used "if" within brackets "[]" and some within the same statement used "<--" before for the if.

Below is the link I tried to implement. However it would only change the <ul class> tag and not the sub cat <li class> statement.

Link - http://www.interactivetools.com/iforum/gforum.cgi?post=55834;search_string=css%20menu;t=search_engine#55834

If you would please review the files I attached last to see where the <li class> needs to change.

Thank You for you help!!!

MikeB
Staff / Moderator

May 8, 2008, 12:30 PM

Post #4 of 4 (833 views)
Shortcut

Re: [timages] Need Simple Sub Cat Styling? [In reply to]	Can't Post

Hi,

Thanks for these details!

It's a bit tough to outline exactly how to use something like this code in Article Manager's templates as it's not something I've worked with before so I'll go into a bit of detail and point you in the right direction.

As you mentioned, there are two different types of templateIfs and the "<li class="classname"><a href="$published.categoryIndex.url$">$category.name$</a><li>

Whereas the other option ("[ ]") is best used for when you'd like to have the statement within an HTML tag like this:

<li [templateIf : $category.depth$ == '0']class="classname"[/templateIf]><a href="$published.categoryIndex.url$">$category.name$</a></li>

One other thing you'll want to note is that some of the <li></li> and <ul></ul> tags in the default /categoryMenus/categoryMenu.html template are represented by the placeholders "$category.listItemStart$" and "$category.listItemEnd$". The reason for this is because Article Manager needs to output different opening and closing list tags depending on what level of subcategory you're looking at.

My suggestion would be to have a look at the /categoryMenus/categoryMenuAlternate.html as this file uses <div> tags by default and it may be easier to tweak this to suit your needs.

I hope this helps! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

Search for (options)