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

<ibloc xmlns="http://www.irise.com/schema/ibloc" type="widget" namespace="irise" name="Slider_Horizontal" version="3.0" productVersion="8.9">
  <displayName>Slider (horizontal)</displayName>
  <description>Allows the user to input a value by moving a handle along a horizontal track</description>
  <canvasImage scale="stretch">resources/images/preview.gif</canvasImage>
  <iconImage>resources/images/hslider.png</iconImage>
  <defaultWidth>135</defaultWidth>
  <defaultHeight>14</defaultHeight>
  <containsDrag>false</containsDrag>
  <intrinsicProperty>Value</intrinsicProperty>
  <metadata>
    <createdBy>Jeff Marin, Pavan Muddanna, Sandeep Salunkhe, Amit Kumar, Ariel Browarnik</createdBy>
    <supportedBrowsers>Internet Explorer v7.0,Internet Explorer v8.0,Firefox v3.5,Safari v4,Chrome v8</supportedBrowsers>
    <connectionRequired>false</connectionRequired>
    <helpUrl>https://idn.irise.com/display/LIB/Sliders?utm_campaign=ibloc&amp;utm_source=studio&amp;utm_medium=about_link</helpUrl>
    <supportNumber>(866) 361-3900</supportNumber>
    <supportUrl>http://community.irise.com/irise/searches?query=slider+ibloc&amp;style=topics?utm_campaign=ibloc&amp;utm_source=studio&amp;utm_medium=about_link</supportUrl>
    <releaseDate>2011-08-10</releaseDate>
  </metadata>
  <properties>
    <property name="sliderType" editable="true" required="false">
      <displayName>Slider Type</displayName>
      <description>Select the appropriate type of slider for the desired UI platform</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>Custom</string>
            <string>iPhone</string>
            <string>Android</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Custom</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="targtWidget1" editable="true" required="false">
      <displayName>Target widget(single slider)</displayName>
      <description>The text, text input or text area to be set in the single slider, to show the currently selected slider value.</description>
      <editor name="widgetChooser" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="targtWidget2" editable="true" required="false">
      <displayName>Target widget(dual slider)</displayName>
      <description>The text, text input or text area to be set for the second value in the dual slider.</description>
      <editor name="widgetChooser" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="HandleColor" editable="true" required="false">
      <displayName>Handle Color</displayName>
      <description>Specify the color of the handle</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <validators></validators>
    </property>
    <property name="HandleImage" editable="true" required="false">
      <displayName>Handle Image</displayName>
      <description>Replace the handle with a custom image. Recommended size: 15x15</description>
      <editor name="imageChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <validators></validators>
    </property>
    <property name="TrackColor" editable="true" required="false">
      <displayName>Track Color</displayName>
      <description>Specify the color of the track</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <validators></validators>
    </property>
    <property name="TrackImage" editable="true" required="false">
      <displayName>Track Image</displayName>
      <description>Use an image as the background for the track. Recommended size: 12x12</description>
      <editor name="imageChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <validators></validators>
    </property>
    <property name="Minimum" editable="true" required="false">
      <displayName>Minimum</displayName>
      <description>The minimum value of the slider</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0">
        <property name="incrementIndex">
          <values>
            <integer>10</integer>
          </values>
        </property>
      </editor>
      <defaultValue>
        <integer>0</integer>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="Maximum" editable="true" required="false">
      <displayName>Maximum</displayName>
      <description>The maximum value of the slider</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0">
        <property name="incrementIndex">
          <values>
            <integer>10</integer>
          </values>
        </property>
      </editor>
      <defaultValue>
        <integer>100</integer>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="Value" editable="true" required="false">
      <displayName>Value</displayName>
      <description>Determines the value of the slider and position of the handle</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <defaultValue>
        <integer>0</integer>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="DualSlider" editable="true" required="true">
      <displayName>Dual Slider</displayName>
      <description>If checked, there would be two handles on the slider</description>
      <editor name="checkBox" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <validators></validators>
    </property>
    <property name="Value2" editable="true" required="false">
      <displayName>Value 2</displayName>
      <description>Determines the value and position of a second handle.</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <validators></validators>
    </property>
    <property name="ShadeColor" editable="true" required="false">
      <displayName>Shade Color</displayName>
      <description>Shade or highlight color</description>
      <editor name="colorChooser" multiValue="false" minEditorCount="1" maxEditorCount="1"></editor>
      <validators></validators>
    </property>
    <property name="Shade" editable="true" required="false">
      <displayName>Shade</displayName>
      <description>Shade or highlight a portion of the track</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="1">
        <property name="constraints">
          <values>
            <string>None</string>
            <string>Left</string>
            <string>Right</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>None</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="StepSize" editable="true" required="false">
      <displayName>Step Size</displayName>
      <description>Determines the size of each interval or step the slider can take</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0">
        <property name="incrementIndex">
          <values>
            <integer>1</integer>
          </values>
        </property>
        <property name="min">
          <values>
            <integer>1</integer>
          </values>
        </property>
      </editor>
      <defaultValue>
        <integer>1</integer>
      </defaultValue>
      <validators></validators>
    </property>
  </properties>
  <events>
    <event name="OnSlideStart">
      <displayName>On slide start</displayName>
      <description>This event is triggered when the user starts sliding</description>
    </event>
    <event name="OnSlide">
      <displayName>On slide</displayName>
      <description>This event is triggered on every mouse move during slide</description>
    </event>
    <event name="OnValueChange">
      <displayName>On value change</displayName>
      <description>This event is triggered on slide stop, or if the value is changed programmatically (by an Action)</description>
    </event>
    <event name="OnSlideStop">
      <displayName>On slide stop</displayName>
      <description>This event is triggered when the user stops sliding</description>
    </event>
  </events>
  <layouts>
    <layout name="Common">
      <propertyNames>
        <propertyName>name</propertyName>
        <propertyName>left</propertyName>
        <propertyName>top</propertyName>
        <propertyName>width</propertyName>
        <propertyName>height</propertyName>
        <propertyName>hide in browser</propertyName>
        <propertyName>sliderType</propertyName>
        <propertyName>targtWidget1</propertyName>
        <propertyName>targtWidget2</propertyName>
        <propertyName>Minimum</propertyName>
        <propertyName>Maximum</propertyName>
        <propertyName>Value</propertyName>
        <propertyName>StepSize</propertyName>
        <propertyName>Shade</propertyName>
      </propertyNames>
    </layout>
    <layout name="Formatting">
      <propertyNames>
        <propertyName>Shade</propertyName>
        <propertyName>ShadeColor</propertyName>
        <propertyName>HandleImage</propertyName>
        <propertyName>HandleColor</propertyName>
        <propertyName>TrackImage</propertyName>
        <propertyName>TrackColor</propertyName>
      </propertyNames>
    </layout>
    <layout name="DualSlider">
      <propertyNames>
        <propertyName>DualSlider</propertyName>
        <propertyName>Value2</propertyName>
        <propertyName>ShadeColor</propertyName>
      </propertyNames>
    </layout>
    <layout name="default-layout">
      <displayName>All</displayName>
    </layout>
  </layouts>
  <preload>
    <scripts>
      <script src="/iblocs/irise/Slider_Horizontal/3.0/javascript/z-JQueryiSliderHorizontal.js"></script>
    </scripts>
    <stylesheets>
      <stylesheet src="/iblocs/irise/Slider_Horizontal/3.0/resources/css/hslider_styles.css"></stylesheet>
    </stylesheets>
  </preload>
</ibloc>