Note that there are some explanatory texts on larger screens.

plurals
  1. POHiding a tab in a Spark TabBar
    primarykey
    data
    text
    <p>I have a spark TabBar and I want to hide and show some elements of it from an external user input (namely a checkbox check)</p> <p>I am having trouble changing the tabs visibility. They are currently always shown. </p> <p>Does anyone have any idea? I have seen a getTabAt on the mx TabBar but the look of the tab is important and the requirement is for it to look like a tab bar rather than a button bar.</p> <p>My code for the tabs and for hiding and showing is below:</p> <pre><code>&lt;fx:Script&gt; &lt;![CDATA[ import mx.containers.VBox; import mx.controls.Label; private function onCreationComplete():void { var vbox1:VBox = new VBox(); vbox1.label = "Tab 1"; var lbl1:Label = new Label() lbl1.text = "Panel1"; vbox1.addChild(lbl1); dp.addChild(vbox1); var vbox2:VBox = new VBox(); vbox2.label = "Tab 2"; var lbl2:Label = new Label() lbl2.text = "Panel 2"; vbox2.addChild(lbl2); dp.addChild(vbox2); } private function showTab(event:MouseEvent):void { makeVisible(true); } private function hideTab(event:MouseEvent):void { makeVisible(false); } private function makeVisible(vis:Boolean):void { VBox(dp.getChildAt(0)).visible = vis; VBox(dp.getChildAt(0)).enabled = vis; VBox(dp.getChildAt(0)).includeInLayout = vis; } ]]&gt; &lt;/fx:Script&gt; &lt;s:VGroup&gt; &lt;s:TabBar id="tabNavigator" width="100%" height="100%" dataProvider="{dp}"/&gt; &lt;mx:ViewStack width="100%" height="100%" id="dp" borderStyle="solid"/&gt; &lt;s:Button click="showTab(event)" label="show Tab"/&gt; &lt;s:Button click="hideTab(event)" label="hide Tab"/&gt; &lt;/s:VGroup&gt; </code></pre> <p>Any advice greatly received</p> <p>Thanks</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload