KoolTabs support two types of layouts: Horizontal (default) and Vertial
In Horizontal layout, the align property allows you to specify the way tabs position themselves:
- Left - tabs will be left aligned;
- Right - tabs will be right aligned;
- Center - tabs will be centered;
- Justify - tabs will be proportionally resized to full-up the width of the tabstrip.
span style="color: #ff0000;">"/KoolTabs/kooltabs.php""kts");
$kts->styleFolder = "hay";
$kts->addTab("root","home","Home""root","products","Products");
$kts->addTab("root","services","Services");
$kts->addTab("root","company","Company");
$kts->addTab("root","contactus","Contact us");
$kts->width = "650px";
$sel = "left""alignmentSelect""alignmentSelect""form1" method="post">
Select tab alignment:
<div style="border:dotted 1px gray;width:150px;height:100px;">
<input type="radio" name="alignmentSelect" id="left" value="left" onclick="submit()""left""checked""left">Left</label><br />
<input type="radio" name="alignmentSelect" id="right" value="right" onclick="submit()""right""checked""right">Right</label><br />
<input type="radio" name="alignmentSelect" id="center" value="center" onclick="submit()""center""checked""center">Center</label><br />
<input type="radio" name="alignmentSelect" id="justify" value="justify" onclick="submit()""justify""checked""justify">Jusitfy</label>
</div>
<div style="padding:10px;""width:650px;height:20px;background-color:#F3F3E2"