title: Using a TabbedViewNavigator inside of a TitleWindow
body: <p>I'm making a Flex mobile 4.6 application, which is ViewNavigatorApplication (not sure if this has any consequences on the following). This app has a customized ActionBar, visible in the screenshot below.</p>
  
  <p>Troubles starts here: I want to use a TitleWindow as a pop-up that will display some options contained in a TabbedViewNavigator. So basically: TabbedViewNavigator in a TitleWindow in a ViewNavigatorApplication.</p>
  
  <p>This is what I get when simply adding the TabbedViewNavigator:
  <img src="https://i.stack.imgur.com/C121w.png" alt="enter image description here"></p>
  
  <p>Apparently, the action bar of my main window is dupplicated inside my TitleWindow, which is obviously not what I want.
  Here is the code of my TitleWindow so far:</p>
  
  <pre><code>&lt;s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" creationComplete="addedToStageHandler(event)"&gt;
  &lt;fx:Script&gt;
      &lt;![CDATA[
          import mx.events.CloseEvent;
          import mx.events.FlexEvent;
          import mx.managers.PopUpManager;
  
          private var softKeyboardPanTimer:Timer = new Timer(250, 1);
  
          protected function closeHandler(event:CloseEvent):void
          {
              stage.focus = null;
              softKeyboardPanTimer.addEventListener(TimerEvent.TIMER, onSoftKeyboardClosed);
              softKeyboardPanTimer.start();
          }
  
          private function onSoftKeyboardClosed(event:TimerEvent):void
          {
              stage.focus = null;
              PopUpManager.removePopUp(this);
          }
  
          protected function centerPopUp(e:Event):void
          {
              PopUpManager.centerPopUp(this);
          }
  
          protected function addedToStageHandler(event:Event):void
          {
              stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, centerPopUp, false, 0, true);   
              this.closeButton.visible = false;
          }
  
      ]]&gt;
  &lt;/fx:Script&gt;
  &lt;fx:Declarations&gt;
      &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt;
  &lt;/fx:Declarations&gt;
  
  &lt;s:Rect width="100%" height="100%"&gt;
      &lt;s:fill&gt;
          &lt;s:LinearGradient rotation="90"&gt;
              &lt;s:GradientEntry ratio="0" color="#ffffff"/&gt;
              &lt;s:GradientEntry ratio="1" color="#f8f8f8"/&gt;
          &lt;/s:LinearGradient&gt;
      &lt;/s:fill&gt;
  &lt;/s:Rect&gt;
  
  &lt;s:Group x="0" y="0" width="100%" height="100%"&gt;
      &lt;s:layout&gt;
          &lt;s:VerticalLayout paddingLeft="10" paddingRight="10" paddingBottom="10" paddingTop="10"/&gt;
      &lt;/s:layout&gt;
      &lt;s:TabbedViewNavigator&gt;
          &lt;s:ViewNavigator label="Tab 1"/&gt;
          &lt;s:ViewNavigator label="Tab 2"/&gt;
          &lt;s:ViewNavigator label="Tab 3"/&gt;
      &lt;/s:TabbedViewNavigator&gt;
  &lt;/s:Group&gt;
  
  
  &lt;/s:TitleWindow&gt;
  </code></pre>
  
  <p>Just one more information: this pop-up is opened by clicking the fourth icon inside the action bar that is duplicated.</p>
  
  <p>Any idea of I can get rid of that ghost bar?</p>