Another option might be to try the following.

Extend TabNavigator component and create your own TabBar component. 
The TabBar component essentially is a HBox, so you can use add a child
using the rawChildren method.  What I've done is use another HBox
component as the child being added to the TabBar, and set the vertical
and horizontal alignment properties of this HBox, and set the width to
100%.  Then add children to this component.  

One of the keys points is when you extend TabNavigator you override
the createChildren method, and create your custom (extended) TabBar
component, then call super.createChildren, then add the tabBar to the
rawChildren of the TabNavigator.  You can follow the code in
TabNavigator.createChildren to see how it's done.

Ben



--- In flexcoders@yahoogroups.com, Anuj Gakhar <[EMAIL PROTECTED]> wrote:
>
> Hi Alex, 
> Do you mind showing me a little example of how to do this?
> That would be really great...
> 
> ----- Original Message ----
> From: Alex Harui <[EMAIL PROTECTED]>
> To: flexcoders@yahoogroups.com
> Sent: Thursday, March 20, 2008 5:28:29 PM
> Subject: RE: [flexcoders] TabNavigator Question
> 
>                 
> 
> 
> 
> 
> 
> 
> Wrap the TabNav in a Canvas, and place
> whatver you want in the open area
>    
>  
> From: [EMAIL PROTECTED] ups.com [mailto: [EMAIL PROTECTED]
ups.com ] On Behalf Of anujgakhar
> Sent: Monday, March 17, 2008 2:59PM
> To: [EMAIL PROTECTED] ups.com
> Subject: [flexcoders] TabNavigatorQuestion
>  
>   
>  hi all, 
> 
> I have a TabNavigator with 4 tabs in it. Each tab has got a HBox with
> a widt of 800. now when this shows up on the screen, it shows me 4
> tabs as expected. 
> 
> My tabs are right aligned and I want to be able to utilize the empty
> space on the left side of the tabs for something more useful, is this
> even possible ? So just to be clear, a HBox of width 800 and 4 tabs on
> top would leave some empty space towards the left at the top of
> Box...can I put some control in that space...e.g. a slider control ? 
> 
> I am just running out of ideas on this one...so thought I should ask
> here..
> 
> any help would be appreciated.
>  
> 
> 
>               
> 
>     
>                               
> <!--
> 
> #ygrp-mkp{
> border:1px solid #d8d8d8;font-family:Arial;margin:14px
0px;padding:0px 14px;}
> #ygrp-mkp hr{
> border:1px solid #d8d8d8;}
> #ygrp-mkp #hd{
>
color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px
0px;}
> #ygrp-mkp #ads{
> margin-bottom:10px;}
> #ygrp-mkp .ad{
> padding:0 0;}
> #ygrp-mkp .ad a{
> color:#0000ff;text-decoration:none;}
> -->
> 
> <!--
> 
> #ygrp-sponsor #ygrp-lc{
> font-family:Arial;}
> #ygrp-sponsor #ygrp-lc #hd{
> margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;}
> #ygrp-sponsor #ygrp-lc .ad{
> margin-bottom:10px;padding:0 0;}
> -->
>       
> <!--
> 
>       #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean,
sans-serif;}
> #ygrp-mlmsg table {font-size:inherit;font:100%;}
> #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica,
clean, sans-serif;}
> #ygrp-mlmsg pre, code {font:115% monospace;}
> #ygrp-mlmsg * {line-height:1.22em;}
> #ygrp-text{
> font-family:Georgia;
> }
> #ygrp-text p{
> margin:0 0 1em 0;}
> #ygrp-tpmsgs{
> font-family:Arial;
> clear:both;}
> #ygrp-vitnav{
> padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
> #ygrp-vitnav a{
> padding:0 1px;}
> #ygrp-actbar{
> clear:both;margin:25px
0;white-space:nowrap;color:#666;text-align:right;}
> #ygrp-actbar .left{
> float:left;white-space:nowrap;}
> .bld{font-weight:bold;}
> #ygrp-grft{
> font-family:Verdana;font-size:77%;padding:15px 0;}
> #ygrp-ft{
> font-family:verdana;font-size:77%;border-top:1px solid #666;
> padding:5px 0;
> }
> #ygrp-mlmsg #logo{
> padding-bottom:10px;}
> 
> #ygrp-reco {
> margin-bottom:20px;padding:0px;}
> #ygrp-reco #reco-head {
> font-weight:bold;color:#ff7900;}
> 
> #reco-grpname{
> font-weight:bold;margin-top:10px;}
> #reco-category{
> font-size:77%;}
> #reco-desc{
> font-size:77%;}
> 
> #ygrp-vital{
> background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
> #ygrp-vital #vithd{
>
font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;}
> #ygrp-vital ul{
> padding:0;margin:2px 0;}
> #ygrp-vital ul li{
> list-style-type:none;clear:both;border:1px solid #e0ecee;
> }
> #ygrp-vital ul li .ct{
>
font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;}
> #ygrp-vital ul li .cat{
> font-weight:bold;}
> #ygrp-vital a{
> text-decoration:none;}
> 
> #ygrp-vital a:hover{
> text-decoration:underline;}
> 
> #ygrp-sponsor #hd{
> color:#999;font-size:77%;}
> #ygrp-sponsor #ov{
> padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
> #ygrp-sponsor #ov ul{
> padding:0 0 0 8px;margin:0;}
> #ygrp-sponsor #ov li{
> list-style-type:square;padding:6px 0;font-size:77%;}
> #ygrp-sponsor #ov li a{
> text-decoration:none;font-size:130%;}
> #ygrp-sponsor #nc{
> background-color:#eee;margin-bottom:20px;padding:0 8px;}
> #ygrp-sponsor .ad{
> padding:8px 0;}
> #ygrp-sponsor .ad #hd1{
>
font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;}
> #ygrp-sponsor .ad a{
> text-decoration:none;}
> #ygrp-sponsor .ad a:hover{
> text-decoration:underline;}
> #ygrp-sponsor .ad p{
> margin:0;}
> o{font-size:0;}
> .MsoNormal{
> margin:0 0 0 0;}
> #ygrp-text tt{
> font-size:120%;}
> blockquote{margin:0 0 0 4px;}
> .replbq{margin:4;}
> -->
>               
> 
> 
> 
> 
> 
>      
____________________________________________________________________________________
> Never miss a thing.  Make Yahoo your home page. 
> http://www.yahoo.com/r/hs
>


Reply via email to