IntegraMOD

I know this has nothing to do with IM
But i was hoping someone could help!!

I have managed to create the tabbed nav but cant figure out how to make each tab selected & deselected.

[attachment=0:ybkrfpb6]123Untitled.gif[/attachment:ybkrfpb6]

All unselected

Code: Select all

          <div>             <ul>                 <li><a><span>{L_PORTAL}</span></a></li>                 <li><a><span>{L_INDEX}</span></a></li>                 <li><a><span>Chat</span></a></li>                 <IF><li><a><span>{L_GARAGE}</span></a></li><ENDIF>                 <IF><li><a><span>{L_CALENDAR}</span></a></li><ENDIF>                 <li><a><span>{L_FAQ}</span></a></li>                 <li><a><span>{L_GALLERY}</span></a></li>                 <li><a><span>{L_KNOWLEDGE_BASE}</span></a></li>                 <li><a><span>{L_DOWNLOADS}</span></a></li>                 <IF><li><a><span>{L_MEMBERLIST}</span></a></li><ENDIF>             </ul>         </div>  

on the mcp_header.html
it has <IF>
So i tried

Code: Select all

          <div>             <ul>                 <BEGIN>                 <li<IF> class="activetab"<ENDIF>><a><span>{L_PORTAL}</span></a></li>                 <li<IF> class="activetab"<ENDIF>><a><span>{L_INDEX}</span></a></li>                 <li<IF> class="activetab"<ENDIF>><a><span>Chat</span></a></li>                 <IF><li<IF> class="activetab"<ENDIF>><a><span>{L_GARAGE}</span></a></li><ENDIF>                 <IF><li<IF> class="activetab"<ENDIF><a><span>{L_CALENDAR}</span></a></li><ENDIF>                 <li<IF> class="activetab"<ENDIF>><a><span>{L_FAQ}</span></a></li>                 <li<IF> class="activetab"<ENDIF>><a><span>{L_GALLERY}</span></a></li>                 <li<IF> class="activetab"<ENDIF>><a><span>{L_KNOWLEDGE_BASE}</span></a></li>                 <li<IF> class="activetab"<ENDIF>><a><span>{L_DOWNLOADS}</span></a></li>                 <IF><li<IF> class="activetab"<ENDIF>><a><span>{L_MEMBERLIST}</span></a></li><ENDIF>                 <END>             </ul>         </div>  

The result]           <div>             <ul>                                 <li><a><span>{L_PORTAL}</span></a></li>                 <li><a><span>{L_INDEX}</span></a></li>                 <li><a><span>Chat</span></a></li>                 <IF><li><a><span>{L_GARAGE}</span></a></li><ENDIF>                 <IF><li><a><span>{L_CALENDAR}</span></a></li><ENDIF>                 <li><a><span>{L_FAQ}</span></a></li>                 <li><a><span>{L_GALLERY}</span></a></li>                 <li><a><span>{L_KNOWLEDGE_BASE}</span></a></li>                 <li><a><span>{L_DOWNLOADS}</span></a></li>                 <IF><li><a><span>{L_MEMBERLIST}</span></a></li><ENDIF>             </ul>         </div>  [/code]
All tabs are selected!!!


How do i get each tab to be selected !!

Thanks

youll need to create an individual class for each one that has the same css as class="tabbg" and on the selected page, change the class with the style tag

here is an example for the portal page.
in your css file app the portal class like

Code: Select all

.portal_tab { whatever css code for not active}

in styles/portal_common/template/portal.html
FIND
<IF>
BEFORE ADD

Code: Select all

<style>.portal_tab {whatever css code for active}</style>

this will override the css file and change the action of the tab, but only on portal page.

for forum you will do the same thing but add it to your style/template/index_body.html

You wont be able to do this for chat though because it is a popup

Sweet thanks
Works great!!!

I really appreciate all your hard work on IM3 and your quick response to my questions..
Thanks!!!! <img>