Yahoo! UI Library: TabView – Skinning without using skin class in the Body

I found an issue with the TabView skins and the Body tag.  The examples would lead you to believe that you must have the skin class in the Body tag.   What I found is that you only have to have the skin class in a container such as a DIV.  See below:


<script type="text/javascript">   
    var myTabs = new YAHOO.widget.TabView("divTabDetails");   


<div class="yui-skin-sam">
	<div id="divTabDetails" class="yui-navset" style="width: 100%">
	    <ul class="yui-nav">
		<li id="tab1" runat="server" class="selected"><a href="javascript:void();"><em>Tab1</em></a></li>
		<li id="tab2" runat="server"><a href="javascript:void();"><em>Tab2</em></a></li>
	    <div class="yui-content">
		<div id="divTab1"> 
			Tab 1 content	
		<div id="divTab2">
			Tab 2 content

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: