R2i DotNetNuke® Forum

R2i wants you to have the opportunity to ask questions, post reviews, help others or just rant and rave about DotNetNuke® or any of the R2i Modules and Skins. Our team spends hour upon hour, day after day, working on custom DotNetNuke® modules and services; please feel free to ask us anything.
 
Selected Item Class
Last Post 18 Aug 2006 03:01 PM by mrwebslinger. 3 Replies.
Printer Friendly
Sort:
NextNext
You are not authorized to post a reply.
Author Messages Informative
mikerennickUser is Offline
New Member
New Member
Posts:57

--
03 Apr 2008 07:03 PM  
why is there no option to set a special class when a toolbar item is selected. The hover class works great, but then when the tab is "selected", there is no way to set it apart from the other tabs. It would be very useful for the user to be able to see what tab they are on by seeing the text in a different color, or the background different, etc.

I suppose there is some JavaScript that could be written to set the selected tab class to a different value -- has anyone written such a script?
Mike Rennick
svedireUser is Offline
Basic Member
Basic Member
Posts:128

--
03 Apr 2008 10:12 PM  
Hi Mike,

If you are doing your tab structure using lxContainer then you have the option to distinguish selected and unselected tabs. For more information, you can go through page 142 in the document.

Hope this helps.

Thanks,
Sindura.
mikerennickUser is Offline
New Member
New Member
Posts:57

--
04 Apr 2008 01:20 AM  
I think that I am going to be able to make this work using the info you referred me to. However, out of nowhere, I am getting this error when the page loads:

"Error: lxContainerGroup is not defined"

And when I click a tab, I am getting this error:

"Error: lxContainer is not defined"

This was not happening before, and I cannot figure out what is going wrong. I have three Listx modules on the page, and the module settings look like this (respectively):

<lxContainer ModuleId="[MODULEID,System]" Name="Departments" Group="Tabs"/>

<lxContainer ModuleId="[MODULEID,System]" Name="Courses" Group="Tabs"/>

<lxContainer ModuleId="[MODULEID,System]" Name="People" Group="Tabs"/>

In the footer of the last module...

<SCRIPT>
lxContainerGroup('Tabs');
</SCRIPT>

In my tabs I have the following set for the "action" of each of the three tabs:

lxContainer('Departments');

lxContainer('Courses');

lxContainer('People');

Under Global settings my "item" looks like this...

<td class="TabStrip_Top"><div id="tlbMn[NAME]"><button><div onmouseover="this.style.cursor='pointer';" onmouseout="this.style.cursor='default';">[NAME]</div></button></div></td>[SEPERATOR]


Everything looks right to me, but maybe I am missing something, as this is the first time I have tried to use this. Any help is much appreciated.
Mike Rennick
mikerennickUser is Offline
New Member
New Member
Posts:57

--
04 Apr 2008 01:43 AM  
duh...not sure how I missed the "general setting" of "include javascript utiltities"...but that was it.
Mike Rennick
You are not authorized to post a reply.

Active Forums 4.1
 

New York, NY • Baltimore, MD • Vienna, VA • St. Louis, MO • Seatle, WA • 410.327.0007 • info@R2Integrated.com

Bookmark & Share Bookmark and Share