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

<ibloc xmlns="http://www.irise.com/schema/ibloc" type="widget" namespace="irise" name="iOSSegmentedControl" version="1.2.1" productVersion="8.7">
  <displayName>iOS Segmented Control</displayName>
  <description>	A bar of mutually exclusive buttons.</description>
  <canvasImage scale="stretch">resources/images/Seg_control_canvas.png</canvasImage>
  <iconImage>resources/images/Seg_control_icon.png</iconImage>
  <defaultWidth>280</defaultWidth>
  <defaultHeight>43</defaultHeight>
  <containsDrag>false</containsDrag>
  <intrinsicProperty>segmentSelectedLabel</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/x/NwD5?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+segmented+control+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="displayStyle" editable="true" required="false">
      <displayName>Style </displayName>
      <description>Select which style you wish to use.</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>Plain</string>
            <string>Bordered</string>
            <string>Bar</string>
            <string>Bezeled</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Plain</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="segmentLabels" editable="true" required="false">
      <displayName>Labels</displayName>
      <description>Enter a minimum of 2 labels and a maximum of 5. This defines how many segments appear in the simulation.</description>
      <editor name="textInput" multiValue="true" minEditorCount="2" maxEditorCount="5"></editor>
      <defaultValue>
        <string>First</string>
        <string>Second</string>
        <string>Third</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="segmentSelectedLabel" editable="true" required="false">
      <displayName>Selected Label </displayName>
      <description>Enter the name of the default segment bar.</description>
      <defaultValue>
        <string>First</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="segmentIcons" editable="true" required="false">
      <displayName>Icons</displayName>
      <description>Uploading an image will over-ride any text label. You cannot mix text and images in a segmented control.
		</description>
      <editor name="imageChooser" multiValue="true" minEditorCount="0" maxEditorCount="5"></editor>
      <validators></validators>
    </property>
    <property name="segmentOffColor" editable="true" required="false">
      <displayName>Control Color</displayName>
      <description>Apply a custom bg color to the control for the "Off" button.</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <string></string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="segmentOnColor" editable="true" required="false">
      <displayName>Selected Color</displayName>
      <description>Apply a custom bg color to the control for the "On" button.</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <string></string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="segmentDeaultLabelColor" editable="true" required="false">
      <displayName>Text color</displayName>
      <description>Select the default Label Color</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <string>#7E7E7E</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="segmentHighlightLabelColor" editable="true" required="false">
      <displayName>Selected Text Color</displayName>
      <description>Select the Highlighted Label Color</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <string>#FFFFFF</string>
      </defaultValue>
      <validators></validators>
    </property>
  </properties>
  <events>
    <event name="OnLabelClick1">
      <displayName>On Label 1 Click</displayName>
      <description>Fires when click on first segment</description>
    </event>
    <event name="OnLabelClick2">
      <displayName>On Label 2 Click</displayName>
      <description>Fires when click on second segment</description>
    </event>
    <event name="OnLabelClick3">
      <displayName>On Label 3 Click</displayName>
      <description>Fires when click on third segment</description>
    </event>
    <event name="OnLabelClick4">
      <displayName>On Label 4 Click</displayName>
      <description>Fires when click on fourth segment</description>
    </event>
    <event name="OnLabelClick5">
      <displayName>On Label 5 Click</displayName>
      <description>Fires when click on fifth segment</description>
    </event>
  </events>
  <preload>
    <scripts>
      <script src="/iblocs/irise/iOSSegmentedControl/1.2.1/javascript/curvycorners.src.js"></script>
      <script src="/iblocs/irise/iOSSegmentedControl/1.2.1/javascript/iPhoneSegmentedControl.js"></script>
    </scripts>
    <stylesheets>
      <stylesheet src="/iblocs/irise/iOSSegmentedControl/1.2.1/resources/styles/iPhoneSegmentedControl.css"></stylesheet>
    </stylesheets>
  </preload>
</ibloc>