:: Forum >>

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
Wednesday, September 26, 2007
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>

<!-- include links to the script and stylesheet files -->
    <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); // store ids of content DIVs
    tabs.setItemCount(3);
    tabs.refresh();

</script>
</body>
</html>
Alex (ActiveWidgets)
Wednesday, September 26, 2007
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
Wednesday, September 26, 2007

This topic is archived.


Back to support forum

Forum search