ActiveWidgets • 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

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>

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.

Problems with Aqua Skin and Tabs

Post a reply:

Forum search