Hi Kavimani Shanmugam, thank you very much......finally i solved it........your code gives me a key point.
On Thu, Feb 24, 2011 at 12:26 PM, kavimani shanmugam < [email protected]> wrote: > Hi Ram, > > You can Set the Sender Name as the name of the VBox and you can access that > Vbox with that name, I think in your application Sender Name will be Unique > for Tab Navigator. > > For More Clarification See the below code, i think this will help you > > > TabNavigator.mxml > ```````````````````````````` > > <?xml version="1.0"?> > <!-- > http://blog.flexexamples.com/2007/09/26/styling-the-flex-tabnavigator-control/--> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; > layout="vertical" > verticalAlign="middle" > backgroundColor="white"> > <mx:Script> > <![CDATA[ > import mx.core.UIComponent; > import mx.controls.Alert; > var numChild:int=0; > private function addTab():void > { > var currentTab:VBox = new VBox(); > currentTab.label="Tab "+numChild; > currentTab.name="tab"+numChild; > //ADDING CHILD WIDGET TO CURRENT TAB > tabNavigator.addChild(currentTab); > var BtnActive:Button = new Button(); > BtnActive.label="Active Tab "+numChild; > BtnActive.name="BTN_tab"+numChild; > BtnActive.id="tab"+numChild; > BtnActive.addEventListener(MouseEvent.CLICK,activeTab); > chatTabWidget.addChild(BtnActive); > numChild=numChild+1; > } > private function activeTab(evt:MouseEvent):void > { > Alert.show(evt.currentTarget.id <http://evt.currenttarget.id/>+" > "+tabNavigator.getChildren().length); > var tabActive:VBox= > tabNavigator.getChildByName(evt.currentTarget.id<http://evt.currenttarget.id/>) > as VBox; > tabActive.label="Active"; > } > ]]> > </mx:Script> > <mx:TabNavigator id="tabNavigator" > width="100%" > height="100%" > tabHeight="40"> > <mx:VBox id="chatTabWidget" label="Panel 1" > backgroundColor="haloSilver"> > > <mx:Label text="TabNavigator container panel 1"/> > <mx:Button id="BTN1" label="Add Tab" click="addTab()"/> > </mx:VBox> > </mx:TabNavigator> > > </mx:Application> > > > On Thu, Feb 24, 2011 at 10:00 AM, Ram Poola < > [email protected]> wrote: > >> thanx for your reply, >> problem with my application is tabs are generating dynamically when the >> item is selected from the grid(as shown LISTING :1)...i want to change >> inactive tab name based on condition like (as shown LISTING :2) >> >> >> ------------------------------------------------------------------------------ >> LISTING >> :1------------------------------------------------------------------------- >> var currentTab:VBox = new VBox(); >> currentTab.label=cReq.senderName; >> numChild=tn.numChildren+1; >> currentTab.addChild(chatTabWidget); >> //ADDING CHILD WIDGET TO CURRENT TAB >> >> chatTabWidgets.addItem(chatTabWidget); >> >> tabnavigator.addChild(currentTab); >> >> >> >> datagridChatRequests.dataProvider.removeItemAt(datagridChatRequests.selectedIndex); >> tabnavigator.selectedIndex=numChild-1; >> childName = tabnavigator.selectedChild.label; >> >> >> ------------------------------------------------------------------------------LISTING >> 2-------------------------------------------------------------------------------------------------------- >> >> public function MemberInactiveMsgsCount(senderName:String):void >> { >> if(childName != senderName) >> { >> //senderName is one of the tabs in the tabnavigator >> //childName is present selectedChild >> >> //Now i want to change senderName tab like senderName(5) >> //(5) means that he had sent 5 messages >> } >> } >> >> >> >> ------------------------------------------------------------------------------------------------------------------------- >> Please, post the solution for aboe query.. >> >> >> On Wed, Feb 23, 2011 at 5:09 PM, kavimani shanmugam < >> [email protected]> wrote: >> >>> see this code sample >>> >>> >>> <?xml version="1.0"?> >>> <!-- >>> http://blog.flexexamples.com/2007/09/26/styling-the-flex-tabnavigator-control/--> >>> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; >>> layout="vertical" >>> verticalAlign="middle" >>> backgroundColor="white"> >>> >>> <mx:Style> >>> TabNavigator { >>> backgroundColor: black; >>> cornerRadius: 0; >>> tabStyleName: "MyTabs"; >>> firstTabStyleName: "MyFirstTab"; >>> lastTabStyleName: "MyLastTab"; >>> selectedTabTextStyleName: "MySelectedTab"; >>> } >>> >>> .MyTabs { >>> backgroundColor: black; >>> cornerRadius: 0; >>> color: black; >>> } >>> >>> .MyFirstTab, >>> .MyLastTab { >>> backgroundColor: black; >>> cornerRadius: 0; >>> color: black; >>> } >>> >>> .MySelectedTab { >>> backgroundColor: haloBlue; >>> color: haloBlue; >>> textRollOverColor: haloBlue; >>> } >>> </mx:Style> >>> <mx:Script> >>> <![CDATA[ >>> var Tab2Flag:Boolean=false; >>> var Tab3Flag:Boolean=false; >>> var Tab4Flag:Boolean=false; >>> private function OnClick2():void >>> { >>> if(!Tab2Flag){ >>> Tab2.label="Activated"; >>> Tab2Flag=true; >>> BTN1.label="Deactivate Tab 2"; >>> } >>> else >>> { >>> Tab2.label="Panel 2"; >>> Tab2Flag=false; >>> BTN1.label="Activate Tab 2"; >>> } >>> } >>> private function OnClick3():void >>> { >>> if(!Tab3Flag){ >>> Tab3.label="Activated"; >>> Tab3Flag=true; >>> BTN2.label="Deactivate Tab 3"; >>> } >>> else >>> { >>> Tab3.label="Panel 3"; >>> Tab3Flag=false; >>> BTN2.label="Activate Tab 3"; >>> } >>> } >>> private function OnClick4():void >>> { >>> if(!Tab4Flag){ >>> Tab4.label="Activated"; >>> Tab4Flag=true; >>> BTN3.label="Deactivate Tab 4"; >>> } >>> else >>> { >>> Tab4.label="Panel 2"; >>> Tab4Flag=false; >>> BTN3.label="Activate Tab 4"; >>> } >>> } >>> ]]> >>> </mx:Script> >>> <mx:TabNavigator id="tabNavigator" >>> width="100%" >>> height="100%" >>> tabHeight="40"> >>> <mx:VBox id="Tab1" label="Panel 1" backgroundColor="haloSilver"> >>> >>> <mx:Label text="TabNavigator container panel 1"/> >>> <mx:Button id="BTN1" label="Activate Tab 2" >>> click="OnClick2()"/> >>> <mx:Button id="BTN2" label="Activate Tab 3" >>> click="OnClick3()"/> >>> <mx:Button id="BTN3" label="Activate Tab 4" >>> click="OnClick4()"/> >>> </mx:VBox> >>> <mx:VBox id="Tab2" label="Panel 2" backgroundColor="haloSilver"> >>> <mx:Label text="TabNavigator container panel 2"/> >>> </mx:VBox> >>> <mx:VBox id="Tab3" label="Panel 3" backgroundColor="haloSilver"> >>> <mx:Label text="TabNavigator container panel 3"/> >>> </mx:VBox> >>> <mx:VBox id="Tab4" label="Panel 4" backgroundColor="haloSilver"> >>> <mx:Label text="TabNavigator container panel 4"/> >>> </mx:VBox> >>> </mx:TabNavigator> >>> >>> </mx:Application> >>> >>> i think this will help u >>> >>> >>> >>> On Wed, Feb 23, 2011 at 11:54 AM, mohanram < >>> [email protected]> wrote: >>> >>>> Hi, >>>> am new to flex...am doing live chat application.Here customer service >>>> guy can able to chat with all the requested persons.For this, am using >>>> tab navigator(for customer service guy) to chat with multiple guests >>>> who are requested to chat.Now the problem is, when the guest send msg >>>> (whose tab is inactive in the tab navigator),i want display the count >>>> of the messages along with his name in the tab.I have been struggling >>>> for 2 days to solve this.can some one please post the solution? >>>> >>>> >>>> Thanks & Regards >>>> Mohanram Poola >>>> >>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "Flex India Community" group. >>>> To post to this group, send email to [email protected]. >>>> To unsubscribe from this group, send email to >>>> [email protected]. >>>> For more options, visit this group at >>>> http://groups.google.com/group/flex_india?hl=en. >>>> >>>> >>> -- >>> You received this message because you are subscribed to the Google Groups >>> "Flex India Community" group. >>> To post to this group, send email to [email protected]. >>> To unsubscribe from this group, send email to >>> [email protected]. >>> For more options, visit this group at >>> http://groups.google.com/group/flex_india?hl=en. >>> >> >> -- >> You received this message because you are subscribed to the Google >> Groups "Flex India Community" group. >> To post to this group, send email to [email protected]. >> To unsubscribe from this group, send email to >> [email protected]. >> For more options, visit this group at >> http://groups.google.com/group/flex_india?hl=en. >> > > -- > You received this message because you are subscribed to the Google Groups > "Flex India Community" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/flex_india?hl=en. > -- You received this message because you are subscribed to the Google Groups "Flex India Community" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/flex_india?hl=en.
