TabNavigator change

I employ a TabNavigator container in my site and there are
three tabs; T1, T2 and T3. When T1 is clicked, I change the
currentState to S1 and in that window, I have a button "play" which
when I click, starts a video window and plays a file. Midway thru
that play back, I click T2 and I have coded it to change state to
S2. I get my job done in S2 and I click back to T1, it takes me to
the video playback screen which is playing that file. I want it to
go to the first state S1 which has a screen that displays the
"play" button. Can someone help me with this issue? Thanks,
Ramesh

Mainmanian - I think that if you are using states that you
could set the default state in a function based on the
selectedIndex of the tabNavigator on a change event on the
tabNavigator. Good Luck.
I believe I have the same issue. Basically the child objects
under a TabNavigator page are not reset to their initial state once
they have been accessed. For example, if there are 2 tabs on the
tabNavigator - T1 has a canvas with some test objects on it, T2 has
a canvas with a swf movie on it. When T2 is selected, the swf loads
and begins playing, then if T1 is selected the text objects are
viewed, then if T2 is selected again the swf movie is still playing
as if it had always been selected instead of stopping when focus
was lost when T1 was selected. Basically, how does one reset the
contents of a tab to it's original state, so that each time a user
selects that tab any actions previously taken are lost or reset. In
my case, the swf movie would reset and start from the beginning. In
Mainmanian's case, he wants the movie to be removed and the button
to control reloading it.

Similar Messages

Need an event that fires for child containers on tabnavigator change

I have a tabnavigator with canvas containers representing
pages in a web app. What event can I attach to each canvas
container's implementation actionscript file that will fire
whenever that canvas comes into view via the tab selection? (sort
of like an onload event). This event is used to refresh data for
that particular page, so I need it to fetch data whenever the page
(tab) is selected.
I do not want to attach any events to the tabnavigator itself
so that the implementation is generic at the container level. I
tried several events, such as show and creationComplete, but the
creationComplete event only fires the first time when the canvas is
instantiated.
Maybe this is really easy and I am just missing it
somehow...

"show" is the first thing I tried, but it will only fire if
the canvas is shown after coming from another sibling (ie another
tab or link in the same navigation control).
I created a small test file here:
http://webpages.charter.net/brandonmb/files/test.mxml
that uses a linkbar inside a tabnavigator. In my regular
application, the linkbar is actually another tabnavigator, but this
demonstrates why I don't want to attach any events to the
navigation control.
You will note that the first link under each main tab has a
show event defined. This will only fire if you click another
sibling, then come back to it.
I need an event to fire ANY time the canvas (ie the content
of each subtab) comes into view, for whatever reason. This event
will trigger code to fetch and refresh data on the page.
You would intuitively think that "show" would do just this,
but it doesn't (unless I am doing something wrong). It should fire,
for example, when the user clicks the main tab, and the first tab
is selected by default. It should also fire if I click the same
link it is currently on (but I think this has to do with the fact
that Flex disables the current link for some reason, instead of
showing it as a 'selected' color).

Flex 3 TabNavigator getting tab name when tab clicked

Hi All, I am using Flex 3.
I have <mx:TabNavigator id="dbtabs" width="100%" height="100%" click="changeTabs()" />
I am also adding tabs dynamically.
In the grand scheme of things, I want to let a user add tabs as needed and chose what content is on the tab. This is saved data, so when they come back I need to reload their saved settings.
What I am trying to do is find out how to get the index of the tab when it is clicked. Right now I have to click the tab then click in the vbox to get the selectedIndex. Is there a way to get the selectedIndex as soon as the tab is clicked?
Thanks.

private function handleTabClick(evt:IndexChangedEvent):void
       var i:int = evt.newIndex;
<mx:TabNavigator change="handleTabClick(event)">
        <mx:Canvas width="200" height="200" label="Tab 1"/>
        <mx:Canvas width="200" height="200" label="Tab 2"/>
</mx:TabNavigator>
Dany

Image Fade Out/Load new Image/Fade In

I think I am having an event timing issue. My desire is to
change the "header" image on each selection of a tabNavigator. I
can swap the image without issue through a img.load process. I
placed the image on a canvas and set the "showEffect" and
"hideEffect" on the canvasto fadeIn and fadeOut. (I actually have 2
images on the canvas) On the tabNavigator "change" event I call my
getImage() function and set canvs.visible=false, I have the tab
index for img.load=headerPic[idx] and then I set
canvs.visible=true; The result is that I do not get the first
visible change, I think. Tab 1 is initialized to visible in
ionComplete, clicking on tab 1 has no effect since it is selected
already. When tab 2 is selected the image changes to the new image
immediately and then fadesOut. Tab 3 then will fadeIn. Also
regardless of the tab selected, if I select another tab the ongoing
fade effect will continue on the newly selected tab. It seems the
load method doesn't care about effects - so I don't know how to
sequence these effects.
Thanks in advance.

"EWN-CMI" <[email protected]> wrote in
message
news:gk46uv$blo$[email protected]..
>I think I am having an event timing issue. My desire is
to change the
>"header"
> image on each selection of a tabNavigator. I can swap
the image without
> issue
> through a img.load process. I placed the image on a
canvas and set the
> "showEffect" and "hideEffect" on the canvasto fadeIn and
fadeOut. (I
> actually
> have 2 images on the canvas) On the tabNavigator
"change" event I call my
> getImage() function and set canvs.visible=false, I have
the tab index for
> img.load=headerPic[idx] and then I set
canvs.visible=true; The result is
> that
> I do not get the first visible change, I think. Tab 1 is
initialized to
> visible in ionComplete, clicking on tab 1 has no effect
since it is
> selected
> already. When tab 2 is selected the image changes to the
new image
> immediately
> and then fadesOut. Tab 3 then will fadeIn. Also
regardless of the tab
> selected, if I select another tab the ongoing fade
effect will continue on
> the
> newly selected tab. It seems the load method doesn't
care about effects -
> so I
> don't know how to sequence these effects.
You can use the completeEffect on Image to have an effect
every time an
image loads, such as you can see used here
http://examples.adobe.com/flex2/inproduct/sdk/photoviewer/PhotoViewer.html,
but I don't think there's a corresponding effect that you can
apply to the
old image before the change.
I think you're going to need to use ActionScript to get the
control over the
effects that you want, so you can call either the end() or
the reverse()
method on the effect when the graphic needs to change in
mid-effect.
HTH;
Amy

How can I initialize all TabNavigator Tabs upon a state change?

Here's the basic goal. I want to provide two views to the
user that display the same panels. I configured each view as a
separate state but I am having trouble initializing each of the tab
views since they are only created by Flex when the user first
selects it. I need them all created when the user changes to that
state so that I can insert my view objects. Does that make sense?
Ok, how about an example program. I define three view objects
in ActionScript which will be used in two different states. I use
AddChild to put them in the proper layout location. The problem is
with the Tab state. The AddChild operation only works for the first
tab because it is visible. The other two tabs don't get setup
properly. Can anyone help me resolve this?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="vertical"
creationComplete="onCreationComplete()">
<mx:Script>
<![CDATA[
import mx.containers.VBox;
import mx.controls.Label;
[Bindable] public var view1:VBox;
[Bindable] public var view2:VBox;
[Bindable] public var view3:VBox;
private function onCreationComplete():void
var label1:Label = new Label();
var label2:Label = new Label();
var label3:Label = new Label();
label1.text = "This is view 1.";
label2.text = "This is view 2.";
label3.text = "This is view 3.";
view1 = new VBox();
view1.label = "View 1";
view1.addChild(label1);
view2 = new VBox();
view2.label = "View 2";
view2.addChild(label2);
view3 = new VBox();
view3.label = "View 3";
view3.addChild(label3);
currentState = "wizardState";
private function changeState():void
switch(stateBox.selectedItem.data)
case 0: currentState = 'wizardState'; break;
case 1: currentState = 'tabState'; break;
]]>
</mx:Script>
<mx:Panel id="mainPanel" title="Tab View Bug" width="400"
height="320"/>
<mx:ComboBox id="stateBox" change="changeState()">
<mx:dataProvider>
<mx:Object label="Wizard" data="0"/>
<mx:Object label="Tabbed" data="1"/>
</mx:dataProvider>
</mx:ComboBox>
<mx:states>
<mx:State name="wizardState">
<mx:AddChild relativeTo="{mainPanel}"
position="lastChild">
<mx:HBox width="100%" height="100%"
verticalAlign="top">
<mx:ToggleButtonBar id="wizardButtonBar" width="20%"
direction="vertical"
dataProvider="{wizardViewStack}"/>
<mx:ViewStack id="wizardViewStack" width="80%"
selectedIndex="{wizardButtonBar.selectedIndex}"/>
</mx:HBox>
</mx:AddChild>
<mx:AddChild target="{view1}"
relativeTo="{wizardViewStack}" position="lastChild"/>
<mx:AddChild target="{view2}"
relativeTo="{wizardViewStack}" position="lastChild"/>
<mx:AddChild target="{view3}"
relativeTo="{wizardViewStack}" position="lastChild"/>
</mx:State>
<mx:State name="tabState">
<mx:AddChild relativeTo="{mainPanel}"
position="lastChild">
<mx:TabNavigator id="tabViewStack" width="100%"
height="100%">
<mx:VBox label="Tab 1" id="tab1"/>
<mx:VBox label="Tab 2" id="tab2"/>
<mx:VBox label="Tab 3" id="tab3"/>
</mx:TabNavigator>
</mx:AddChild>
<mx:AddChild target="{view1}" relativeTo="{tab1}"
position="lastChild"/>
<mx:AddChild target="{view2}" relativeTo="{tab2}"
position="lastChild"/>
<mx:AddChild target="{view3}" relativeTo="{tab3}"
position="lastChild"/>
</mx:State>
</mx:states>
</mx:Application>

Ok, here is an even simpler scenario. I take each view from
the default state and put them in the new tab view when the state
changes. If you compile and run this example, the only view that
makes it into the tabview is the one that was active when the state
changed. Why is that?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Script>
<![CDATA[
private function changeState():void
switch(stateBox.selectedItem.data)
case 0: currentState = ''; break;
case 1: currentState = 'tabState'; break;
]]>
</mx:Script>
<mx:Panel id="mainPanel" title="Tab View Bug" width="400"
height="320">
<mx:HBox id="wizardView" width="100%" height="100%"
verticalAlign="top">
<mx:ToggleButtonBar id="wizardButtonBar" width="20%"
direction="vertical"
dataProvider="{wizardViewStack}"/>
<mx:ViewStack id="wizardViewStack" width="80%"
selectedIndex="{wizardButtonBar.selectedIndex}"
creationPolicy="all">
<mx:Canvas id="view1" label="Part 1" >
<mx:TextInput text="This is view 1"/>
</mx:Canvas>
<mx:Canvas id="view2" label="Part 2">
<mx:TextInput text="This is view 2"/>
</mx:Canvas>
<mx:Canvas id="view3" label="Part 3">
<mx:TextInput text="This is view 3"/>
</mx:Canvas>
</mx:ViewStack>
</mx:HBox>
</mx:Panel>
<mx:ComboBox id="stateBox" change="changeState()">
<mx:dataProvider>
<mx:Object label="Wizard" data="0"/>
<mx:Object label="Tabbed" data="1"/>
</mx:dataProvider>
</mx:ComboBox>
<mx:states>
<mx:State name="tabState">
<mx:AddChild relativeTo="{mainPanel}"
position="lastChild">
<mx:TabNavigator id="tabView" width="100%" height="100%"
creationPolicy="all">
<mx:Canvas label="Tab 1" id="tab1"/>
<mx:Canvas label="Tab 2" id="tab2"/>
<mx:Canvas label="Tab 3" id="tab3"/>
</mx:TabNavigator>
</mx:AddChild>
<mx:RemoveChild target="{view1}"/>
<mx:AddChild target="{view1}" relativeTo="{tab1}"/>
<mx:RemoveChild target="{view2}"/>
<mx:AddChild target="{view2}" relativeTo="{tab2}"/>
<mx:RemoveChild target="{view3}"/>
<mx:AddChild target="{view3}" relativeTo="{tab3}"/>
<mx:RemoveChild target="{wizardView}"/>
</mx:State>
</mx:states>
</mx:Application>

How can you change the style of a flash tabnavigator with css

I'd like to change the colors of a tabnavigator in flash
form.
I found an example how to change the layout for a panel but
it doesn't inherate it to my tabnavigator.
Here a simple example for a panel that works:
quote:
<cfsavecontent variable="contentPanelStyle">
panelBorderStyle:'roundCorners';
backgroundColor:#EFF7DF;
headerColors:#CBEC84, #B0D660;
</cfsavecontent>
<cfform name="myform" width="420" format="Flash"
timeout="100" >

<cfformgroup type="panel" label="With styles"
style="#contentPanelStyle#" width="400">
<cfinput type="text" name="someinput" label="your name"
/>
</cfformgroup>
</cfform>
Actually, I just want to colorize my tabnavigator items
(don't want even a panel around it). How can I do this, as example
with the same colors like the panel?
pawel

Found 1 solution for the active Tab
quote:
<cfform name="myform" width="420" format="Flash"
timeout="100" >
<cfformgroup type="tabnavigator"
style="themeColor:##CC0000;">
<cfformgroup type="page" label="Tab 1">
<cfinput type="text" name="someinpu1t" label="your name"
/>
</cfformgroup>
<cfformgroup type="page" label="Tab 2">
<cfinput type="text" name="someinput2" label="your name"
/>
</cfformgroup>
</cfformgroup>
</cfform>
But still, how do I controll the colors of the inactive Tab
and the highlight Tab (rollover mouse)?
pawel

TabNavigator Child Control Problem on Programmatic SelectedIndex Change

I've got a TabNavigator that contains another TabNavigator as
a child control on its second page. On the child TabNavigator
there's a ViewStack and a couple of Accordion controls. On my first
parent tab I've got a Button that, when clicked, programmatically
changes the selectedIndex of the parent TabNavigator to display the
contents of the second tab (which contains the child TabNavigator).
I'm finding that when the index of the TabNavigator is
changed programmatically, all of the controls in the child
TabNavigator are stacked on top of each other and overlapping as
though the Flash player has no clue how to display these child
controls. Once I click through each tab on the child TabNavigator,
they appear intact. If I click the Button to change the tab again,
all of the controls will be jumbled and stacked.
This problem happens 100% of the time. I've changed every
single control in my app to creationPolicy="all" to no avail.
Anybody experienced this or know what to do?

I've got a TabNavigator that contains another TabNavigator as
a child control on its second page. On the child TabNavigator
there's a ViewStack and a couple of Accordion controls. On my first
parent tab I've got a Button that, when clicked, programmatically
changes the selectedIndex of the parent TabNavigator to display the
contents of the second tab (which contains the child TabNavigator).
I'm finding that when the index of the TabNavigator is
changed programmatically, all of the controls in the child
TabNavigator are stacked on top of each other and overlapping as
though the Flash player has no clue how to display these child
controls. Once I click through each tab on the child TabNavigator,
they appear intact. If I click the Button to change the tab again,
all of the controls will be jumbled and stacked.
This problem happens 100% of the time. I've changed every
single control in my app to creationPolicy="all" to no avail.
Anybody experienced this or know what to do?

TabNavigator - How to change what happens when a user clicks a tab

I am using a TabNavigator in my Flex application and I'd like
to be able to change what happens when a user clicks a tab on the
TabNavigator. I'd like to be able to handle the click on the tab
myself and stop Flex from perfoming it's default actions. Anyone
have a clue how to do this? Any help would be much appreciated!
Mike

Yeah, in the following code, the changeHandler has an effect
but the click effect does not:
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
private function clickHandler():void{
accounts.setStyle("fontSize",20);
stocks.setStyle("fontSize",20);
futures.setStyle("fontSize",20);
private function changeHandler():void{
accounts.setStyle("fontSize",7);
stocks.setStyle("fontSize",7);
futures.setStyle("fontSize",7);
]]>
</mx:Script>
<mx:TabNavigator borderStyle="solid"
click="clickHandler()" change="changeHandler()">
<mx:VBox id="accounts" label="Accounts"
width="300"
height="150">
<mx:Label text="Accounts"/>
</mx:VBox>
<mx:VBox id="stocks" label="Stocks"
width="300"
height="150">
<mx:Label text="Stocks"/>
</mx:VBox>
<mx:VBox id="futures" label="Futures"
width="300"
height="150">
<mx:Label text="Futures"/>
</mx:VBox>
</mx:TabNavigator>
</mx:Application>

Problem with tabnavigator index change effect

Hello All,
I am using
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" horizontalAlign="center">
<mx:TabNavigator id="tabNav" height="600" width="600" change="onTabChange(event)">
<mx:VBox horizontalAlign="center" verticalAlign="middle" height="100%" width="100%" label="Tab 1">
<mx:Label text="Tab 1" fontSize="30" />
</mx:VBox>
<mx:VBox horizontalAlign="center" verticalAlign="middle" height="100%" width="100%" label="Tab 2">
<mx:Label text="Tab 2" fontSize="30" />
</mx:VBox>
<mx:VBox horizontalAlign="center" verticalAlign="middle" height="100%" width="100%" label="Tab 3">
<mx:Label text="Tab 3" fontSize="30" />
</mx:VBox>
<mx:VBox horizontalAlign="center" verticalAlign="middle" height="100%" width="100%" label="Tab 4">
<mx:Label text="Tab 4" fontSize="30" />
</mx:VBox>
</mx:TabNavigator>
<mx:Script>
<![CDATA[
import mx.effects.Move;
import mx.events.IndexChangedEvent;
import mx.events.EffectEvent;
public function onTabChange(event:IndexChangedEvent):void
var oldTab:DisplayObject = tabNav.getChildAt(event.oldIndex);
var newTab:DisplayObject = tabNav.getChildAt(event.newIndex);
var moveEffect:Move = new Move();
moveEffect.target = oldTab;
var moveEffect2:Move = new Move();
moveEffect2.target = newTab;
if(event.oldIndex > event.newIndex)
//Moving old Tab out to the right, new tab in from the left
oldTab.x = 0;
moveEffect.xTo = oldTab.width + 100;
moveEffect.yFrom = oldTab.y;
moveEffect.yTo = oldTab.y;
newTab.x = -oldTab.width;
moveEffect2.xTo = 0;
moveEffect2.yFrom = oldTab.y;
moveEffect2.yTo = oldTab.y;
else
//Moving old Tab out to the left, new tab in from the right
oldTab.x = 0;
moveEffect.xTo = -oldTab.width;
moveEffect.yFrom = oldTab.y;
moveEffect.yTo = oldTab.y;
newTab.x = oldTab.width + 100;
moveEffect2.xTo = 0;
moveEffect2.yFrom = oldTab.y;
moveEffect2.yTo = oldTab.y;
oldTab.visible = true;
newTab.visible = true;
moveEffect2.play();
moveEffect.addEventListener(EffectEvent.EFFECT_END,tabOffScreen);
moveEffect.play();
private function tabOffScreen(event:EffectEvent):void
event.target.removeEventListener(EffectEvent.EFFECT_END,tabOffScreen);
event.target.target.visible = false;
]]>
</mx:Script></mx:Application>
to run the slide effect in flash builder 4.5 with sdk 4.5. When the effect plays, the selected child behaves abnormal whereas when it runs with sdk 3.6 in flash builder 4.5, everything goes well.
Any help will be apppreciated.
-Thanks and regards
Vishal Kumar

Hi Biebel37,
I was able to get a runtime error with a test app I wrote
doing something similar to what you described. I think what you're
doing should be legal, so it may be an SDK bug, but I'll file it
and see if the SDK team agrees :)
One workaround that might work for you would be to make it so
that instead of creating the TabNavigator in a given state (using
AddChild), you put it in the base state, but set visible="false".
Then, in the state where you want it to appear, use <SetProperty
target="{nav}" name="visible" value="true"/>. (Depending on how
you're doing your layout, you may need to set
includeInLayout="false" in the base state and set it to true in the
other state as well.) In my test app, this avoids the runtime
error.
Thanks,
nj
Flex Builder team

Stop Change Event in TabNavigator

How can I stop the change event from happening on a
TabNavigator?
I have a TabNavigator with two tabs. I want to be able to
detect when the user clicks on the non-active tab then check
certain components on the active tab and then depending on the
components either let the user to go to the non-active tab or not.
I have tried using the change event but I can not stop the
tab from actually changing. Is there another event which gets fired
before the change event that I can use?
I have tried using:
event.preventDefault();
event.stopImmediatePropagation();
event.stopPropagation();
But none of them stop the tab change.

I would use a TabBar with a ViewStack instead, that way when
you click on the TabBar you can programmatically tell it what to
do.

Changing hover color for TabNavigator tabs

I was able to change the background color of selected tab to
Navy and the others to Medium Blue. The foreground color is set to
White. The default color for the hover seems to be black, so when I
pass over the selected tab you can not read the text.
How do you change the hover color?

Try setting the textRollOverColor of your selected tab style.

Change Position of Tabs in TabNavigator

Howdy!
I am new to flex/flashbuilder. I am trying to create a tabNavigator with the the tabs on the the side of the content area. I have searched and have found some work arounds (see below). However, I was under the appreciation that Flashbuilder 4 would have built in options for accomplishing this.
Can someone please provide any insight? I find it hard to believe that no one would have considered placing a simple option like this into the application.
Thanks,
Here is the code that kind of achieves my purpose however it is not a clean as the native look of the tabNavigator.
<mx:HBox>
        <mx:TabBar dataProvider="{vs}" direction="vertical"/>
        <mx:ViewStack id="vs">
             <mx:Canvas label="First Tab" backgroundColor="red" width="500" height="500"/>
            <mx:Canvas label="Second Tab" backgroundColor="green" width="500" height="500"/>
             <mx:Canvas label="Third Tab" backgroundColor="blue" width="500" height="500"/>
            <mx:Canvas label="Fourth Tab" backgroundColor="yellow" width="500" height="500"/>
         </mx:ViewStack>
    </mx:HBox>

Georgeonetwothree wrote:
it is part of a dreamweaver template
If it's part of a DW template then once you save the page all pages using that template should update automatically.

How to access a function in a tabnavigator container?

I have a tabNavigator container that I create the tabs using
the following code:
var tabFieldsBase1:Canvas = new Canvas();
var _userFields:userFields = new userFields;
tabFieldsBase1.label = "User Fields";
_userFields.id = "userFields";
tabFieldsBase1.addChild(_userFields);
tabHolder.addChild(tabFieldsBase1);
inside the tabed document/class I have a function/method
named: startMeUp(). How can I call this function in the currently
active tabed class using AS3 in my app?
I've tried many ways including: var testTemp:Object =
tabHolder.selectedChild.getChildAt(0);
testTemp.startMeUp();
userFields.startMeUp();
Thanks for the help;
Carlos

Thanks Tracy for your input, I think my problem is
understanding Flex 2 scopes properly.
I'm under the impression that when you create an mxml file
compoenent that Flex 2 converts that into an AS2 class, but I guess
not.
I solved this situation by using Actionscript 3 classes to
build my tabs. Now when my main form changes I'm able to
automatically synchronize the displayed tab by calling a method in
the class.
Thanks!!
Carlos

How do I have a tabnavigator page specific cfsavecontent?

How do I write this so that a button on a tabnavigator page
calls javascript function
that will pass the correct identifier for the page?
Any ideas?
<script language='JavaScript'>
<cfoutput>
function GotoPage(ID)
var sLocation;
sLocation = "gotoPage.cfm?ID=" + ID;
parent.location = sLocation;
</cfoutput>
</script>
</head>
<body >
<h1>Information</h1>
<cfoutput>
<cfform name='form_Info' format="flash" method="POST"
width="90%" height="500" skin="haloBlue" action="NextPage.cfm">
<cfformgroup type="hbox" label="Client">
<cfformitem type="html">
<cfinput type="text" id="ClientName" name="ClientName"
value="John Smith, Inc." size="60" label="Name: "/>
</cfformitem>
</cfformgroup>
<cfformgroup type="tabnavigator">
<cfformgroup type="page" label="John Smith">
<cfformitem type="html">
<cfinput type="text" id="EmployeeName"
name="EmployeeName" value="John Smith" size="60" label="Name:
"/>
</cfformitem>
<cfinvoke
component="PhoneNumbers"
method="List"
returnvariable="rsContactInfo"
>
<cfformgroup type="tabnavigator" id="tabContactInfo">
<cfloop query="rsContactInfo">
<cfformgroup type="page" label="#rsContactInfo.type#">
<cfformitem type="html">
<cfinput type="text"
id="ContactInfoPhone_#rsContactInfo.id#"
name="ContactInfoPhone_#rsContactInfo.id#" size="20" maxlength="14"
mask="(999) 999-9999" validate="telephone"
validateAt="onBlur,onSubmit" message="Error in Phone
entry.\nFormat: (999)999-9999" value="#rsContactInfo.phone#"
label="Phone: "/>
</cfformitem>

<cfsaveContent variable="gotoPagejs">

getURL("javascript:GotoPage(#rsContactInfo.id#);");
</cfsavecontent>
<cfinput name="Order" type="button" value="Create Book
Order" onClick="#gotoPagejs#">
</cfformgroup>
</cfloop>
</cfformgroup>
</cfformgroup>
</cfformgroup>
<cfinput name="Save" type="submit" value="Save
Changes">
</cfform>
</cfoutput>
</body>
</html>

Reset the page zoom on pages that cause problems: <b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
* http://kb.mozillazine.org/Zoom_text_of_web_pages
You can use one of these extensions to adjust the default font size and page zoom on web pages:
* Default FullZoom Level - https://addons.mozilla.org/firefox/addon/6965
* NoSquint - https://addons.mozilla.org/firefox/addon/2592

Can't change second comboBox

Hi all,
I have two canvas in a tab navigator. From my function I can
change the
properties of a comboBox from the first canvas (conbo1_cb)
but I can't do it
for the second one.
Any way how to do this?
Why works only for the first canvas?
Tks
JFB
<mx:Script>
<![CDATA[
import mx.controls.ComboBox;
public function setCombos(event:ResultEvent):void
this.combo1_cb.label = "label1";
this.combo2_cb.label = "label2";
]]>
</mx:Script>
<mx:TabNavigator width="800" height="100%" y="18"
horizontalCenter="60">
<mx:Canvas label="view1" width="100%" height="100%">
<mx:ComboBox id="combo1_cb" x="148"
y="53"></mx:ComboBox>
</mx:Canvas>
<mx:Canvas label="view2" width="100%" height="100%">
<mx:ComboBox id="conbo2_cb" x="148"
y="153"></mx:ComboBox>
</mx:Canvas>
</mx:TabNavigator>

Great... This make a lot of sense, Tks
JFB
"ntsiii" <[email protected]> wrote in message
news:f4pj4i$bn$[email protected]..
>A little more detail:
> The Flex navigation containers all use what is called
"deferred
> instantiation"
> by default.
>
> This means that the child views are not rendererd (do
not exist) until a
> user
> has navigated to that view. The purpose of this is to
improve the
> percieved
> performance of the application at start-up. If every
view in a complex
> app
> must be rendered at start-up, the start-up time can be
unacceptably slow.
>
> Setting creationPolicy="all" should be considered a
short-term fix. The
> correct way to handle this is to have the child
components bind to a
> central
> data location, or have initialization code in them to
retrieve and set the
> desired properties.
>
> Tracy
>

TabNavigator change

Similar Messages

Maybe you are looking for