title: titanium alloy raised tab bar with raised center button - dailybooth style
body: <p>I'm trying to customize my <code>alloy</code> <code>TabGroup</code> to look like the image below (with no luck). no "height" properties on Tab item in the default documentation and with my current version of titanium 3.4.0 can't add <code>View</code> to <code>TabGroup</code>.</p>
  
  <p><img src="https://i.stack.imgur.com/XpOZm.png" alt="enter image description here"></p>
  
  <p>anybody know how to create a raised center button using alloy?</p>
  
  <p>that's my index.xml view</p>
  
  <pre><code>&lt;Alloy&gt;
      &lt;TabGroup tabsBackgroundColor="white" barColor="#f15b26" activeTabIconTint="black" tintColor="white"&gt;
          &lt;Require src="home" nr="1" /&gt;
          &lt;Require src="play" nr="2" /&gt;
          &lt;Tab icon="/menu/logo.png" height="100"&gt;
              &lt;Window title="" id=""&gt;
                  &lt;Label&gt;&lt;/Label&gt;
              &lt;/Window&gt;
          &lt;/Tab&gt;
          &lt;Require src="chat" nr="3" /&gt;
          &lt;Require src="config" nr="4" /&gt;
      &lt;/TabGroup&gt;
  &lt;/Alloy&gt;
  </code></pre>