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

<ibloc xmlns="http://www.irise.com/schema/ibloc" type="widget" namespace="irise" name="iPhoneMultiValuePickerVertical" version="2.3" productVersion="8.7">
  <displayName>iPhone Multi Value Picker - Vertical</displayName>
  <description>Javascript-based widget supporting selection from an iPhone-style portrait list, similar to the iOS UI Picker View class.</description>
  <canvasImage scale="stretch">resources/images/Multi_Value_Picker_Canvas_Icon_Vertical_v1.png</canvasImage>
  <iconImage>resources/images/Multi_Value_Icon_Vertical_v1.png</iconImage>
  <defaultWidth>320</defaultWidth>
  <defaultHeight>216</defaultHeight>
  <containsDrag>true</containsDrag>
  <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/EoHp?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+multi+value+ibloc&amp;style=topics?utm_campaign=ibloc&amp;utm_source=studio&amp;utm_medium=about_link</supportUrl>
    <releaseDate>2011-08-13</releaseDate>
  </metadata>
  <properties>
    <property name="mvpvOptions1" editable="true" required="false">
      <displayName>Options 1</displayName>
      <description>The column1 options presented by the picker.</description>
      <editor name="textInput" multiValue="true" minEditorCount="0" maxEditorCount="0"></editor>
      <defaultValue>
        <string>Lorem ipsum</string>
        <string>Etiam</string>
        <string>Sed vitae</string>
        <string>Quisque</string>
        <string>Nam porta</string>
        <string>Morbi ornare</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="mvpvOptions2" editable="true" required="false">
      <displayName>Options 2</displayName>
      <description>The column2 options presented by the picker.</description>
      <editor name="textInput" multiValue="true" minEditorCount="0" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="mvpvOptions3" editable="true" required="false">
      <displayName>Options 3</displayName>
      <description>The column3 options presented by the picker.</description>
      <editor name="textInput" multiValue="true" minEditorCount="0" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="mvpvSelectedOption1" editable="true" required="false">
      <displayName>Selected Option1</displayName>
      <description>The default or currently selected option for column1.</description>
      <defaultValue>
        <string>Sed vitae</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="mvpvSelectedOption2" editable="true" required="false">
      <displayName>Selected Option2</displayName>
      <description>The default or currently selected option column2.</description>
      <validators></validators>
    </property>
    <property name="mvpvSelectedOption3" editable="true" required="false">
      <displayName>Selected Option3</displayName>
      <description>The default or currently selected option column3.</description>
      <validators></validators>
    </property>
    <property name="mvpvTargtWidget1" editable="true" required="false">
      <displayName>Option 1 Target widget</displayName>
      <description>The text widget to be set to selected option 1 (on change).</description>
      <editor name="widgetChooser" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="mvpvTargtWidget2" editable="true" required="false">
      <displayName>Option 2 Target widget</displayName>
      <description>The text widget to be set to selected option 2 (on change).</description>
      <editor name="widgetChooser" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="mvpvTargtWidget3" editable="true" required="false">
      <displayName>Option 3 Target widget</displayName>
      <description>The text widget to be set to selected option 3 (on change).</description>
      <editor name="widgetChooser" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="mvpvFontFamily" editable="true" required="false">
      <displayName>Font Family</displayName>
      <description>The font family for the option text.</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>Arial</string>
            <string>Arial Black</string>
            <string>Arial Narrow</string>
            <string>Arial Unicode MS</string>
            <string>Book Antiqua</string>
            <string>Bookman Old Style</string>
            <string>Century</string>
            <string>Century Gothic</string>
            <string>Comic Sans MS</string>
            <string>Courier</string>
            <string>Courier New</string>
            <string>Franklin Gothic Medium</string>
            <string>Garamond</string>
            <string>Georgia</string>
            <string>Haettenschweiler</string>
            <string>Helvetica</string>
            <string>Impact</string>
            <string>Lucida Console</string>
            <string>Lucida Sans Unicode</string>
            <string>Microsoft Sans Serif</string>
            <string>Monotype Corsiva</string>
            <string>Palatino Linotype</string>
            <string>Sylfaen</string>
            <string>Tahoma</string>
            <string>Times New Roman</string>
            <string>Trebuchet MS</string>
            <string>Verdana</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Arial</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="mvpvFontSize" editable="true" required="false">
      <displayName>Font Size</displayName>
      <description>The font size for the option text.</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0">
        <property name="incrementIndex">
          <values>
            <integer>1</integer>
          </values>
        </property>
        <property name="min">
          <values>
            <integer>19</integer>
          </values>
        </property>
        <property name="max">
          <values>
            <integer>29</integer>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>24</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="mvpvFontColor" 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>#000000</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="mvpvFontWeight" editable="true" required="false">
      <displayName>Bold</displayName>
      <description>The font weight for the option text.</description>
      <editor name="checkBox" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <defaultValue>
        <boolean>true</boolean>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="Col1TextAlign" editable="true" required="false">
      <displayName>Col 1 Text Align</displayName>
      <description>Align the values column 1 to Left or Right</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>left</string>
            <string>center</string>
            <string>right</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>left</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="Col2TextAlign" editable="true" required="false">
      <displayName>Col 2 Text Align</displayName>
      <description>Align the values column 2 to Left or Right</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>left</string>
            <string>center</string>
            <string>right</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>left</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="Col3TextAlign" editable="true" required="false">
      <displayName>Col 3 Text Align</displayName>
      <description>Align the values column 3 to Left or Right</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>left</string>
            <string>center</string>
            <string>right</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>left</string>
      </defaultValue>
      <validators></validators>
    </property>
  </properties>
  <events>
    <event name="onSelectionChange1">
      <displayName>Option 1 On Selection Change</displayName>
      <description>Fires when the column 1 selection changes</description>
    </event>
    <event name="onSelectionChange2">
      <displayName>Option 2 On Selection Change</displayName>
      <description>Fires when the column 2 selection changes</description>
    </event>
    <event name="onSelectionChange3">
      <displayName>Option 3 On Selection Change</displayName>
      <description>Fires when the column 3 selection changes</description>
    </event>
    <event name="onBlur">
      <displayName>On Blur</displayName>
      <description>Fires when the widget loss its focus</description>
    </event>
  </events>
  <preload>
    <scripts>
      <script src="/iblocs/irise/iPhoneMultiValuePickerVertical/2.3/javascript/iPhoneMultiValuePickerVerticalJSVersion.js"></script>
    </scripts>
    <stylesheets>
      <stylesheet src="/iblocs/irise/iPhoneMultiValuePickerVertical/2.3/resources/styles/iPhoneMultiVPVCSS.css"></stylesheet>
    </stylesheets>
  </preload>
</ibloc>