Problems with Aqua Skin and Tabs
I would like to have my Tabs similar working like your example with the Aqua Skin. When I try to use it without having any CSS rules for my Span everything is working fine. When I add CSS rules for setting the position of myTabs (the id of the SPAN), the chosen Tab is not getting blue, like in your example. there is just a fine blue line ariund it.
The CSS Rule I am using is:
#myTabs { left: 285px; top: 140px;}
Whats going wrong ? Any help is appreciated.
Crikos
Crikos
September 26,
I cannot reproduce this. Can you make an example? The following works fine for me -
<html>
<head>
<title>ActiveWidgets Examples</title>
<style>body {font: 12px Tahoma}</style>
<script src="../../runtime/lib/aw.js"></script>
<link href="../../runtime/styles/aqua/aw.css" rel="stylesheet"></link>
<style>
#myTabs {left: 285px; top: 140px;}
</style>
</head>
<body>
<span id="myTabs"></span>
<div id="myContent" style="border: 1px solid #aaa; height: 200px; padding: 10px">
<div id="div1" style="display:none">Page 1, empty.</div>
<div id="div2" style="display:none">Page 2</div>
<div id="div3" style="display:none">Page 3</div>
</div>
<script>
var names = ["Start", "Another page", "The last page"];
var values = ["div1", "div2", "div3"];
var tabs = new AW.UI.Tabs;
tabs.setId("myTabs");
tabs.setItemText(names);
tabs.setItemValue(values);
tabs.setItemCount(3);
tabs.refresh();
</script>
</body>
</html>
Alex (ActiveWidgets)
September 26,
Hi Alex,
thanks for the answer. Its working now, when I defined the position of the SPAN Tag in the Stylesheet, the blue Tabs from Aqua Layout were not visible. After I put the definiton to the script part it worked finally.
Crikos
September 26,