Creating a tab navigation

Hi everyone.
I have a course where I'd like to put additional info about 6 aspects of a topic in a notebook style tab navigation at the bottom of the screen.
And it struck me that there's no obvious easy way to draw the outline, but plenty of obvious but difficult ways to do it
The easiest way I can think of is to do it in Photoshop, with a rectangle for the text area and two layers for each tab, one selected, one not. Then I can hide/unhide the right layer combination for each different selection option and save to png before importing into Cp, finally adding transparent captions for the tab labels and content. Or possibly doing the labels in Photoshop too.
Or is there an simpler way that I'm looking straight past? Anyone created a navigation like this before?
Thanks

Powerpoint! Of course!
Dan,you've saved my colleagues a lot of discomfort: I tend to swear a lot when I'm using Photoshop
Should be a 5 minute job and the format painter can take care of the different combinations for highlighted tabs.
Thanks

Similar Messages

Multi-Layered Tabs in Tab Navigator

I was trying to create a Tab Navigator, where there are about 16 Tabs. Placing all these viewstacks into a Tab, and setting the width of the TabNavigator to a Fixed Width, would unfortunately add "..." to my labels. lining all my tab buttons horizontally.
Is there a way to put tabs in more than one layer? like having so...
| view 1 || view 2 || view 3 || view 4 ||   |
|      view 5 || view 6 || view 7            |
|                                                      |
|                                                      |

Hi,
This IS possible but hard in the incarnation of the halo tab navigator.
Check out:
http://blog.teotigraphix.com/2010/03/08/spark-navigators-viewstack-tabnavigator-accordion
Within a week I will be releasing that framework opensource (alpha) and it will allow you to easily do this since in Spark, your just creating custom layouts.
In Halo, the TabBar is like concrete, there is not a lot you can change about it's characteristics without rewritting the whole thing.
The reason you are getting the ... is that a TabBar is an HBox in disguise. I does have a modified alyout algorithm but is lays out children using the HBox algorithm.
Mike

Adding a same component in each tab of super tab navigator creates problem

When a UI component is created once and added to each tab using super tab navigator in AS 3.0, the component is adding only to the last index of the tab. The component is missing in the previous tab.
I have given the code below. Please help me why this is happening and the solution for this.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
        xmlns:mx="http://www.adobe.com/2006/mxml"
        creationComplete="createSuperTabNav()">
        <mx:Script>
                <![CDATA[
                    import mx.core.UIComponent;
                        import com.tab.navigator.components.SuperTabBar;
                        import com.tab.navigator.components.SuperTabReorderEvent;
                        import com.tab.navigator.components.SuperTab;
                        import com.tab.navigator.components.SuperTabNavigator;
                        import com.tab.navigator.components.ButtonScrollingCanvas;
                        import mx.controls.Label;
                        import mx.controls.Button;
                        import mx.controls.Spacer;
                        import mx.containers.VBox;
                        import mx.containers.HBox;
                        import mx.containers.Canvas;
                        import mx.containers.Panel;
                        import mx.core.ScrollPolicy;
                        import mx.core.UIComponent;
                        import flash.events.MouseEvent;
                        public var _tabs : SuperTabNavigator;
                        public var _addBtn : Button;
                        public var _vbox:VBox;
                        public var pageCount:uint;
                        public var tabID:String;
                        private var _comp:UIComponent;
                        public function createSuperTabNav():void
                            _vbox = new VBox();
                            _vbox.percentWidth = 75;
                            _vbox.percentHeight = 75;
                            _vbox.setStyle("horizontalAlign","center");
                            _vbox.setStyle("verticalGap", 20);
                            createTabs();
                            createAddButton();
                            addChild(_vbox);
                        public function createTabs():void
                            _tabs = new SuperTabNavigator();
                            //initTabs();
                            addObjectTab();
                            // Set Properties
                            _tabs.id = "nav";
                            _tabs.percentHeight = 75;
                            _tabs.percentWidth = 50;
                            _vbox.addChild(_tabs);
                        public function addTab(lbl:String, navigator:SuperTabNavigator, component:UIComponent, getId:String) : Canvas
                            // Create canvas to put into tab
                            var child:Canvas = new Canvas();
                            child.percentHeight = 100;
                            child.percentWidth = 100;
                            child.id = getId;
                            child.label = lbl;
                            child.setStyle("closable", true);
                            child.addChild(component);
                            child.setStyle("backgroundColor",0xF8F8F8);
                            navigator.addChild(child);
                             //trace(_tabs.selectedChild.getChildren().toString());
                            _tabs.reorderTabList();
                            return child;
                        public function createAddButton():void
                            _addBtn = new Button()
                            _addBtn.label = "Add Tab";
                            _addBtn.id = "addTabBtn";
                            _addBtn.width = 75;
                            _addBtn.height = 20;
                            _addBtn.addEventListener(MouseEvent.CLICK, handleButtonClick,false,0, true);
                            _vbox.addChild(_addBtn);
                        public function handleButtonClick(evt:MouseEvent):void
                            //addTab('tab '+Number(_tabs.numChildren + 1), _tabs);
                            addObjectTab();
                            _tabs.selectedIndex = _tabs.numChildren - 1;
                        public function addObjectTab():void
                            var frameCanvas:Canvas = new Canvas();
                            frameCanvas.horizontalScrollPolicy = ScrollPolicy.OFF;
                            frameCanvas.verticalScrollPolicy = ScrollPolicy.OFF;
                            frameCanvas.percentHeight = 100;
                            frameCanvas.percentWidth = 100;
                            if ( _comp == null )
                                _comp = addComponent();
                            frameCanvas.addChild(_comp);
                            // Create container to implement horizontal padding
                            var horizontalPadder:HBox = new HBox();
                            horizontalPadder.setStyle("backgroundAlpha", 0);
                            horizontalPadder.horizontalScrollPolicy = ScrollPolicy.OFF;
                            horizontalPadder.verticalScrollPolicy = ScrollPolicy.OFF
                            horizontalPadder.addChild(new Spacer());
                            horizontalPadder.addChild(frameCanvas);
                            horizontalPadder.addChild(new Spacer());
                            // Create container to implement vertical padding
                            var verticalPadder:VBox = new VBox();
                            verticalPadder.setStyle("backgroundAlpha", 0);
                            verticalPadder.horizontalScrollPolicy = ScrollPolicy.OFF;
                            verticalPadder.verticalScrollPolicy = ScrollPolicy.OFF
                            verticalPadder.addChild(new Spacer());
                            verticalPadder.addChild(horizontalPadder);
                            verticalPadder.addChild(new Spacer());
                            // Position padder
                            verticalPadder.setStyle("horizontalAlign", "Left");
                            verticalPadder.x = 0
                            verticalPadder.y = 0;
                            tabID = "page"+ _tabs.getNumberOfTabs()+1;
                            var canvas:Canvas = addTab("Page "+(_tabs.getNumberOfTabs()+1), _tabs ,verticalPadder, tabID);
                            canvas.setStyle("backgroundColor", "#009900");
                        public function addComponent():UIComponent
                            var pageCount:uint = _tabs.getNumberOfTabs()+1;
                            var page:Canvas = new Canvas;
                             page.width = 250;
                             page.height = 250;
                             page.setStyle("backgroundColor", "#FFFFFF");
                            var _pageBtn:Button = new Button();
                            _pageBtn.label = "Button "+(pageCount);
                            _pageBtn.id = "addTabBtn "+(pageCount);
                            _pageBtn.width =100;
                            _pageBtn.height = 20;
                            page.addChild(_pageBtn);
                            return page;
                ]]>
        </mx:Script>
</mx:Application>

Adding an instance moves it, it does not copy it.

Why data are not getting poulated in dynamically added tab in a tab navigator???

Hi All,
I am facing a very strange problem and need you expert opinion on this. Ok so the problem goes like this:
In my application i have a tab navigator where i have 2 fixed tabs say tab A and tab B. In tab B I have a data grid where All the user name are getting populated. Once the user clicks on any datagrid row i am dynamically adding a new tab based on username , so if in my datagrid u1,u2 and u3 are getting displayed then once you clik on u1 a new tab called u1 is getting displayed. Code for this goes like this:
var vbox1: VBox= new VBox();
box1.label=mydatagrid.selectedItem.uName;
var sde:* = new searchDetails();
vbox1.addChild(sde);
myTabnavigator.addChild(vBox1);
Application.application.searchdetails.displayall();
I have created a component called searchDetails where i have designed the page wit various fields for this tab.This also has a method called displayall() which is populating the data in all fields using php an my sql where i have designed the page wit various fields for this tab.
New tab is getting displayed perfectly. My problem is once the tab is getting displayed fields are not getting populated with data.
Please let me know what wrong i am doing. I am really struggling

Hmm.. you have to assign text to the labelfields on creation complete not before that, the fllow will be like this
var vbox1: VBox= new VBox();
var sde:* = new searchDetails();
vbox1.addEventListener(creationcompleteevent,function);
vbox1.addChild(sde);
myTabnavigator.addChild(vBox1);
function(e:event):void{
box1.label = "text";

How to create a Tab Link in the existing view

Hello Experts,
My requirement is to make one view as Tab Link.
You must have seen in many existing IC Web screens, there are multiple tabs in the view area and you can toggle between the views by clicking the tab links.
As per my requirement, in the component ICCMP_BT_INR, in one of the views i need to create a tab link for the view Questionnaire which is part of different component ICCMP_SURVEY
Could you please guide me here ?
Regards,
Srikanth

Hi,
I quite certain that you can do this but it is lot of work. You need to create navigations links in run time repository, create plugs, create viewset with views. And then mostly important you need to call appropriate plugs, navigations. I am afraid I can not explain every thing step by step but definitely it requires lot of details and work.
However if you can see some existing examples then you will get an idea. One good example I have worked on is IUICMIO_MAIN and IUICMIO_METER. In this when MIO_ACCOUNT is called in MAIN, it will call two tabs from IUICMIO_METER dynamically.
Hope this helps.
-ASB

Creating a "tabbed" image in an exported PDF or SWF

I posted about this last year, well in advance of actually doing it, and thought I had the correct answer (see http://forums.adobe.com/message/3759403#3759403). However, now that I've had a detailed look at CS6 and tried to create a "tabbed" PDF (my original term, but more correctly called a multi-state object with interactive buttons), I find that it can't be done. Although maybe it can, hence this post.
I'm trying to make a file (PDF, SWF, whatever) exported from CS6 that can be opened by virtually any novice computer user without hassle. i.e something like a PDF; something my grandmother could open and marvel at the cleverness of her grandson. Here are some options I've tried.
Method 1
Export a "tabbed" image from CS6 to Interactive PDF format. Unfortunately, "tabbed" images don't tab. Or have I not ticked the right options when exporting?
Method 2
Export to SWF format, with the HTML option ticked. But that seems to generate two separate files: an swf file and a .html file. Clicking on the latter opens the file in a web browser – so far so good, and it works like a charm – but I don't like the idea of two files when I send them to my grandmother. I suppose I could encapsulate both of them in a zip file, tell her to open that, and then open the one with the suffix .html… but you can see the process is getting complicated, probably beyond my poor old Nanna.
Method 3
Export to PDF (Print). To get this to work for "tabbed" images, this is what I envisage (not yet tried).
Say I have three images that I want to overlay and tab between, like you can do in Photoshop. I set up multiple interactive buttons (Next, Back, Skip…), appropriate text anchors, and whatever else is needed, on three separate pages, with the three images in identical locations on those pages.
The user comes to the first image, checks out the image, then hits Next. The page seems to instantly change to the next image (on the next page).
The user then hits Next or Back or Skip.
In the above thought experiment, I think I have simulated "tabbed" images at the cost of additional pages. Any novice user could easily open the document, though I'd have to make sure the navigation is very clear and simple to use.
I welcome any comments on obtaining "tabbed" images from a document exported from CS6.

Thanks Bob. I posted a short while ago, but have edited that post.
With further playing around I was able to get your suggestion working (exporting to SWF, then placing, then exporting as Interactive PDF). Why would I be disappointed if I tried that method with an entire document? My document will probably contain about 200 pages, and maybe 20 of them would have "tabbed" images. What problems would I come across, other than the extra time involved in separately generating 20 pages of "tabbed" images.
[Added after some testing]:
One problem I have found is that text is rasterised.
When I export a page from InDesign to SWF, and then open the SWF file in Flash Player (Projector), text is a vector.
When the SWF file is imported back into InDesign, and exported as a Interactive PDF, the text ends up rasterised…
But if I export as SWF, the text is not rasterised.
CS6 is rasterising the text within a SWF file when it exports to PDF. Is there a way of exporting an SWF file to Interactive PDF so that text is not rasterised?

Substitution syntax in tabbed navigation list. Smart or Lucky?

I've got a tabbed navigation list that I use on two separate pages.
The list entry points back to the current page but sets a page item value based on the list item value.
So this tabbed list might have items labeled E-mail, Phone, Address. When you click one of the list tab items it submits to the current page, sets a hidden field to EMAIL,PHONE, or ADDRESS. That hidden field controls which email,phone, or address region is displayed.
OK easy enough. Except that I use the same list on multiple pages. Rather than create a list for each page, I made it more generic...
So I set the item target as follows:
Target type: Page in this application
Page: &APP_PAGE_ID.
Set these items: P&APP_PAGE_ID._ALIAS_REGION
With these values: ADDRESS
Notice that I've got substitution type syntax for the target page and the NAME of the item whose value I want to set. For example if the list is rendered on page 2 the target page becomes 2 and the item name becomes P2_ALIAS_REGION. On page 7, they are 7 and P7_ALIAS_REGION respectively.
I also use this same syntax in the "Current List Entry" with a query like:
select 1 from dual where :P&APP_PAGE_ID._ALIAS_REGION = 'ACTIVE'
Now, I thought I was being clever in doing this, since it lets me use the same list on several similar pages. However the Apex Essentials Advisor is complaining about my syntax, and as awesome as that tool is, it got me thinking that I might be too clever for my own good.
Is it valid to use this substitution syntax in this context? I mean it works, but is it supposed to work this way? If this is by happy coincidence then Apex developers please don't change how this works. If this is by design, then you guys/girls are awesome!

Is it valid to use this substitution syntax in this context?Yes.
I mean it works, but is it supposed to work this way?Yes.
If this is by happy coincidence then Apex developers please don't change how this works.It is very unlikely that we would change any of the core substitution logic in ways that adversely affect behavior like this.
If this is by design, then you guys/girls are awesome!Aw, shucks.
Scott

Tab Navigator Tabs show Hand Cursor

Can anyone tell me how to get the hand cursor to show up when
rolling over the tabs on a tab navigator? Button mode works, but
also shows hand cursor over everything, not just the tab.
Thanks

To use the below code you need to get a hand icon from a
yahoo image search, or create your own. Maybe there is a way to
access the system hand icon, that would be best:
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import flash.utils.*;
import mx.managers.CursorManager;
private var cursorID:Number = 0;
private function setHandCursor(event:MouseEvent):void {
var classInfo:XML = describeType(event.target);
var cn:String = [email protected]();
if(cn == "mx.controls.tabBarClasses::Tab") {
[Embed(source="assets/images/cursor_hand.gif")]
var handCursorSymbol:Class;
cursorID = CursorManager.setCursor(handCursorSymbol);
private function removeHandCursor(event:MouseEvent):void {
var classInfo:XML = describeType(event.target);
var cn:String = [email protected]();
if(cn == "mx.controls.tabBarClasses::Tab") {
CursorManager.removeCursor(cursorID);
]]>
</mx:Script>
<mx:WipeLeft id="myWL"/>
<mx:TabNavigator id="tabNav"
mouseOver="setHandCursor(event)"
mouseOut="removeHandCursor(event)">
<mx:VBox label="Accounts"
width="300"
height="150"
showEffect="{myWL}">

</mx:VBox>
<mx:VBox label="Stocks"
width="300"
height="150"
showEffect="{myWL}">

</mx:VBox>
<mx:VBox label="Futures"
width="300"
height="150"
showEffect="{myWL}">

</mx:VBox>
</mx:TabNavigator>
</mx:Application>

Aligning tabs in Tab navigator

I'm aware that you can align the tabs either left, center or
right - but what if I have an application which requires some of
the tabs to be left justified with others being right justified
within the same component. I tried using CSS with the float left
and right properties which did not appear to work with Flex.
Perhaps this is not possible or I'm just doing something wrong
being new to Flex.
Thanks.

Hi,
This IS possible but hard in the incarnation of the halo tab navigator.
Check out:
http://blog.teotigraphix.com/2010/03/08/spark-navigators-viewstack-tabnavigator-accordion
Within a week I will be releasing that framework opensource (alpha) and it will allow you to easily do this since in Spark, your just creating custom layouts.
In Halo, the TabBar is like concrete, there is not a lot you can change about it's characteristics without rewritting the whole thing.
The reason you are getting the ... is that a TabBar is an HBox in disguise. I does have a modified alyout algorithm but is lays out children using the HBox algorithm.
Mike

Highlighting List which using Template "Page Tab navigation"

Hi,
Im using a List which uses List Template : "Page Tab navigation".
But irrespective of selection all tabs looks same..How can I highlight the active one ?
Regards,
Benz

Hello Benz,
I suppose you want the "current" tab to be highlighted.
Take a look at Shared Components>Lists>List Entries>Create / Edit List Entry in section 'Current List Entry'.
There you can spezify for each of your entires when it should be current and therefore displaying in different style.
Regards, Tine.

Working with "tabbed navigation list" widths

I have created a list of type "tabbed navigation list" and added it to a page. I modified the "template" for the page adding a bottom border to the table for the tabbed navigation list.
http://htmldb.oracle.com/pls/otn/f?p=36420:1:
How would I control the width of this tab navigation list?
I would like to make the width extend to 100% of the page, however, I'm unable to control the width either by setting the region width or the template width for the tabbed navigation list.
Thank you!

Hello,
Your Region Template is a table and collapsing down. Remove the region template or change it so the table has width="100%" or change it to Report Region 100% Template if your using one of the builtin themes.
Carl
Message was edited by:
Carl Backstrom

Spry Tab Navigation not working in IE

I have created a couple of test pages to highlight what happens and the issue I have.
ONE: http://www.netballzone.com.au/aeasphase1handover/testCentresml.html   - navigation to specific tabs doesn't work in IE7 or 8 and all tabs content is displayed in one page and no tab navigation options available.
TWO: http://www.netballzone.com.au/aeasphase1handover/testCentresml2.html - no way to navigate to get to specific tabs that works in IE7 or 8.
In Webkit and Firefox all is well and the two examples show the same thing.
The main requirements I have is to be able to navigate to specific tabs from outside of the page. I have looked at various related topics but cannot see a solution that works for me and Option ONE seems to be the closest I can find.
As soon as I included the error I get in ONE above.
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6.5; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET4.0C; .NET CLR 3.0.30729)
Timestamp: Tue, 12 Oct 2010 01:33:34 UTC
Message: 'Spry.Widget.TabbedPanels' is null or not an object
Line: 121
Char: 1
Code: 0
URI: http://www.netballzone.com.au/aeasphase1handover/testCentresml.html
From the page outside via a hyperlink I used <a href="testCentresML.html?tab=1#TestCentresTabs">
Thanks in anticipation and regards,
Mike

If you want to choose Brunei, the URL should look like
<a href="testCentresML.html?test=0&country=1">
and the code for the page
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script> var params = Spry.Utils.getLocationParamsAsObject(); </script>
</head>
<body>
<h1>Test Centres</h1>
<div id="TestCentresTabs" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">First Tab</li>
    <li class="TabbedPanelsTab" tabindex="0">Second Tab</li>
    <li class="TabbedPanelsTab" tabindex="0">Third Tab</li>
    <li class="TabbedPanelsTab" tabindex="0">Test Availability</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
        <h2>Countries</h2>
        <div id="CountryTabs" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">AUSTRALIA</li>
            <li class="TabbedPanelsTab" tabindex="0">BRUNEI</li>
            <li class="TabbedPanelsTab" tabindex="0">CAMBODIA</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">Content AUSTRALIA</div>
            <div class="TabbedPanelsContent">Content BRUNEI</div>
            <div class="TabbedPanelsContent">Content CAMBODIA</div>
          </div>
        </div>
    </div>
    <div class="TabbedPanelsContent"><h2>2nd Tab</h2></div>
    <div class="TabbedPanelsContent">
        <h2>3rd Tab</h2>
      <p> 333333 </p>
    </div>
    <div class="TabbedPanelsContent">
      <h2>4th Tab</h2>
      <p> 44444 </p>
    </div>
</div>
</div>
<script>
var TestCentresTabs = new Spry.Widget.TabbedPanels("TestCentresTabs", {defaultTab: params.test ? params.test : 0});
var CountryTabs = new Spry.Widget.TabbedPanels("CountryTabs", {defaultTab: params.country ? params.country : 0});
</script>
</body>
</html>

How can i find the label of all the tabs of a tab navigator??

I have a tab navigator which has three fixed tabs and dynamically i am creating few tabs. Before creating a tab i wanted to know which all tabs are currently open, basically the name of all the tabs which are open.
Please let me know how can i achieve this.
Thanks

extended from the TabNavigator example in the API docs
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx"
                       minWidth="955" minHeight="600"
                       creationComplete="init()">
    <fx:Script>
        <![CDATA[
            private function init():void
                for (var i:int = 0; i < tn.numElements; i++)
                    var btn:Button = tn.getTabAt(i);
                    trace(btn.label);
        ]]>
    </fx:Script>
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
    <s:Panel title="TabNavigator Container Example"
             width="75%" height="75%"
             horizontalCenter="0" verticalCenter="0">
        <s:VGroup left="10" right="10" top="10" bottom="10">
            <s:Label width="100%" color="blue"
                     text="Select the tabs to change the panel."/>
            <mx:TabNavigator id="tn" width="100%" height="100%">
                
                <mx:VBox label="Panel 1">
                    <mx:Label text="TabNavigator container panel 1"/>
                </mx:VBox>
                <mx:VBox label="Panel 2">
                    <mx:Label text="TabNavigator container panel 2"/>
                </mx:VBox>
                <mx:VBox label="Panel 3">
                    <mx:Label text="TabNavigator container panel 3"/>
                </mx:VBox>
            </mx:TabNavigator>
            <s:Label width="100%" color="blue"
                     text="Programmatically select the panel using a Button control."/>
            <s:HGroup>
                <mx:Button label="Select Tab 1" click="tn.selectedIndex=0"/>
                <mx:Button label="Select Tab 2" click="tn.selectedIndex=1"/>
                <mx:Button label="Select Tab 3" click="tn.selectedIndex=2"/>
            </s:HGroup>
        </s:VGroup>
    </s:Panel>
</s:WindowedApplication>

Remove inactive tabs border in Tab navigator

Hi
How can i remove the border of inactive tabs in in tab navigator
Plz help

Hi,
This IS possible but hard in the incarnation of the halo tab navigator.
Check out:
http://blog.teotigraphix.com/2010/03/08/spark-navigators-viewstack-tabnavigator-accordion
Within a week I will be releasing that framework opensource (alpha) and it will allow you to easily do this since in Spark, your just creating custom layouts.
In Halo, the TabBar is like concrete, there is not a lot you can change about it's characteristics without rewritting the whole thing.
The reason you are getting the ... is that a TabBar is an HBox in disguise. I does have a modified alyout algorithm but is lays out children using the HBox algorithm.
Mike

Tabbed Navigation List

Hi ,
I am using Tabbed Navigation List in my application. The color of Labels on the tabs are misleading as it appears to be greyed out but is not. And also while we click on any of these tabs there is no indication of which tab is current. Is there a way I can change the color of the label on these tabs at runtime or design time. And Secondly is there a way I can dynamically change the label color to some green or red or even change the background of the tab to indicate to the user that this tab is current.
Any help in these regard is greatly appreciated.
Thanks
sukarna

Sukarna,
The short answer is yes - all of this is possible. However, the exact implementation will very depending on a number of factors, most notably the theme/template your using. Can you put an example on apex.oracle.com? We'll need the workspace/username/password. You can create a new user account for this purpose.
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen
http://sourceforge.net/projects/plrecur
You can reward this reply by marking it as either Helpful or Correct ;-)

Creating a tab navigation

Similar Messages

Maybe you are looking for