<?xml version="1.0" encoding="UTF-8"?>

<ibloc xmlns="http://www.irise.com/schema/ibloc" type="widget" namespace="irise" name="iPhoneTabBarVertical" version="1.1.4" productVersion="8.7">
  <displayName>iPhone Tab bar </displayName>
  <description>Tab bar control.</description>
  <canvasImage scale="stretch">resources/images/TabBar_Canvas.png</canvasImage>
  <iconImage>resources/images/TabBar_Icon.png</iconImage>
  <defaultWidth>320</defaultWidth>
  <defaultHeight>49</defaultHeight>
  <containsDrag>false</containsDrag>
  <intrinsicProperty>tbSelectedTab</intrinsicProperty>
  <metadata>
    <createdBy>iRise</createdBy>
    <supportedBrowsers>IE v8,Firefox v3.5,Safari v4,Chrome v8,Opera v10.6</supportedBrowsers>
    <connectionRequired>false</connectionRequired>
    <helpUrl>https://idn.irise.com/display/LIB/iPhone+Tab+Bar+Vertical?utm_campaign=ibloc&amp;utm_source=studio&amp;utm_medium=about_link</helpUrl>
    <supportNumber>1-866-361-3900</supportNumber>
    <supportUrl>http://community.irise.com/irise/searches?query=iphone+tab+bar+ibloc&amp;style=topics?utm_campaign=ibloc&amp;utm_source=studio&amp;utm_medium=about_link</supportUrl>
    <releaseDate>2012-01-23</releaseDate>
  </metadata>
  <properties>
    <property name="tbLabels" editable="true" required="false">
      <displayName>Tab Labels</displayName>
      <description>Enter the text label for the number of tabs you wish to display .</description>
      <editor name="textInput" multiValue="true" minEditorCount="2" maxEditorCount="5"></editor>
      <defaultValue>
        <string>Favorites</string>
        <string>More</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="tbSelectedTab" editable="true" required="false">
      <displayName>Selected Tab </displayName>
      <description>Enter the name of the default tab bar.</description>
      <defaultValue>
        <string>Favorites</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="tbTargtWidget" editable="true" required="false">
      <displayName>Target Widget</displayName>
      <description>Select where to send the text label value for the active tab.</description>
      <editor name="widgetChooser" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="tbStandardIcons" editable="true" required="false">
      <displayName>Icons</displayName>
      <description>Select the image you wish to show with your tab labels.</description>
      <editor name="dropDown" multiValue="true" minEditorCount="0" maxEditorCount="5">
        <property name="constraints">
          <values>
            <string> </string>
            <string>Favorites</string>
            <string>Featured</string>
            <string>TopRated</string>
            <string>Recents</string>
            <string>Contacts</string>
            <string>History</string>
            <string>Bookmarks</string>
            <string>Search</string>
            <string>Downloads</string>
            <string>MostRecent</string>
            <string>MostViewed</string>
            <string>More</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Favorites</string>
        <string>More</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="tbImagePicker" editable="true" required="false">
      <displayName>Custom Bar Image</displayName>
      <description>Select the background image if using Custom Bar style. Must be 320 pixels wide to avoid scaling.
		</description>
      <editor name="imageChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <validators></validators>
    </property>
    <property name="tbCustomImages" editable="true" required="false">
      <displayName>Custom Icons</displayName>
      <description>If you select a custom image in place of this one, the custom image will always be shown.
		</description>
      <editor name="imageChooser" multiValue="true" minEditorCount="0" maxEditorCount="5"></editor>
      <validators></validators>
    </property>
    <property name="tbCustomSelectedImages" editable="true" required="false">
      <displayName>Selected State</displayName>
      <description>If you select a custom image in place of this one, the custom image will always be shown.
		</description>
      <editor name="imageChooser" multiValue="true" minEditorCount="0" maxEditorCount="5"></editor>
      <validators></validators>
    </property>
    <property name="tabBarFontColor" editable="true" required="false">
      <displayName>Font Color</displayName>
      <description>The font color for the option text.</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <string>#999999</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="tbSelectedFontColor" editable="true" required="false">
      <displayName>Selected Font Color</displayName>
      <description>The font color for the selected text.</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <string>#FFFFFF</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="default_highlight" editable="true" required="false">
      <displayName>Use Default highlight</displayName>
      <description>Check this to hide text labels on the tab bar.</description>
      <editor name="checkBox" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <boolean>false</boolean>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="tbHideLabel" editable="true" required="false">
      <displayName>Hide Text Labels</displayName>
      <description>Check this to hide text labels on the tab bar.</description>
      <editor name="checkBox" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <boolean>false</boolean>
      </defaultValue>
      <validators></validators>
    </property>
  </properties>
  <events>
    <event name="TB_OnLabelClick1">
      <displayName>On Label 1 Click</displayName>
      <description>Fires when the first tab in the tabbar is clicked.</description>
    </event>
    <event name="TB_OnLabelClick2">
      <displayName>On Label 2 Click</displayName>
      <description>Fires when the second tab in the tabbar is clicked.</description>
    </event>
    <event name="TB_OnLabelClick3">
      <displayName>On Label 3 Click</displayName>
      <description>Fires when the third tab in the tabbar is clicked.</description>
    </event>
    <event name="TB_OnLabelClick4">
      <displayName>On Label 4 Click</displayName>
      <description>Fires when the fourth tab in the tabbar is clicked.</description>
    </event>
    <event name="TB_OnLabelClick5">
      <displayName>On Label 5 Click</displayName>
      <description>Fires when the fifth tab in the tabbar is clicked.</description>
    </event>
  </events>
  <layouts>
    <layout name="Common">
      <propertyNames>
        <propertyName>name</propertyName>
        <propertyName>left</propertyName>
        <propertyName>top</propertyName>
        <propertyName>width</propertyName>
        <propertyName>height</propertyName>
        <propertyName>tbLabels</propertyName>
        <propertyName>tbSelectedTab</propertyName>
        <propertyName>tbStandardIcons</propertyName>
        <propertyName>tbTargtWidget</propertyName>
        <propertyName>hide in browser</propertyName>
      </propertyNames>
    </layout>
    <layout name="Custom">
      <propertyNames>
        <propertyName>tbImagePicker</propertyName>
        <propertyName>tbCustomImages</propertyName>
        <propertyName>tbCustomSelectedImages</propertyName>
        <propertyName>tabBarFontColor</propertyName>
        <propertyName>tbSelectedFontColor</propertyName>
        <propertyName>default_highlight</propertyName>
        <propertyName>tbHideLabel</propertyName>
      </propertyNames>
    </layout>
  </layouts>
  <preload>
    <scripts>
      <script src="/iblocs/irise/iPhoneTabBarVertical/1.1.4/javascript/iPhoneTabBarVertical.js"></script>
    </scripts>
    <stylesheets>
      <stylesheet src="/iblocs/irise/iPhoneTabBarVertical/1.1.4/resources/styles/iPhoneTabBarVertical.css"></stylesheet>
    </stylesheets>
  </preload>
</ibloc>