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

<ibloc xmlns="http://www.irise.com/schema/ibloc" type="widget" namespace="irise" name="ContactsList" version="2.0" productVersion="8.9">
  <displayName>iPhone Contacts List</displayName>
  <description>iPhone Contacts List Widget</description>
  <canvasImage scale="stretch">resources/images/Contacts_list_Canvas.png</canvasImage>
  <iconImage>resources/images/Contacts_list_icon.png</iconImage>
  <defaultWidth>320</defaultWidth>
  <defaultHeight>367</defaultHeight>
  <containsDrag>true</containsDrag>
  <intrinsicProperty>selectedItem</intrinsicProperty>
  <metadata>
    <createdBy>Pavan Muddana</createdBy>
    <supportedBrowsers>Firefox 3.5 and above,Chrome 8 and above,Safari 4.0 and above,IE 8 and above</supportedBrowsers>
    <connectionRequired>false</connectionRequired>
    <helpUrl>https://idn.irise.com/display/LIB/iPhone+Contact+List</helpUrl>
    <releaseDate>2011-09-15</releaseDate>
  </metadata>
  <properties>
    <property name="contactslist" editable="true" required="false">
      <displayName>Contacts</displayName>
      <description>The Contacts list</description>
      <editor name="textInput" multiValue="true" minEditorCount="1" maxEditorCount="0"></editor>
      <defaultValue>
        <string>Andres</string>
        <string>Anita</string>
        <string>Bryan</string>
        <string>Dexter</string>
        <string>Kai</string>
        <string>Melissa</string>
        <string>Mica</string>
        <string>Pavan</string>
        <string>Pete</string>
        <string>Tad</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="selectedItem" editable="true" required="false">
      <displayName>Selected Item</displayName>
      <description>The selected item in the list</description>
      <defaultValue>
        <string></string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="showazlist" editable="true" required="false">
      <displayName>Show A-Z List</displayName>
      <description>Display or hide A-Z List</description>
      <editor name="checkBox" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <defaultValue>
        <boolean>true</boolean>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="fontsize" editable="true" required="false">
      <displayName>fontSize</displayName>
      <description>The font size for the contact list.</description>
      <editor name="integerSpinner" multiValue="false" minEditorCount="1" maxEditorCount="0">
        <property name="min">
          <values>
            <integer>8</integer>
          </values>
        </property>
        <property name="max">
          <values>
            <integer>29</integer>
          </values>
        </property>
      </editor>
      <defaultValue>
        <integer>11</integer>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="fontfamily" editable="true" required="false">
      <displayName>fontFamily</displayName>
      <description>The font family for the contach list.</description>
      <editor name="dropDown" multiValue="false" minEditorCount="1" maxEditorCount="0">
        <property name="constraints">
          <values>
            <string>Arial</string>
            <string>Courier New</string>
            <string>Georgia</string>
            <string>Times New Roman</string>
            <string>Verdana</string>
            <string>Helvetica</string>
          </values>
        </property>
      </editor>
      <defaultValue>
        <string>Helvetica</string>
      </defaultValue>
      <validators></validators>
    </property>
    <property name="showsearch" editable="true" required="false">
      <displayName>Show Search</displayName>
      <description>Checked will show the search input box.</description>
      <editor name="checkBox" multiValue="false" minEditorCount="1" maxEditorCount="0"></editor>
      <defaultValue>
        <boolean>false</boolean>
      </defaultValue>
      <validators></validators>
    </property>
  </properties>
  <events>
    <event name="OnItemClick">
      <displayName>On Item Click</displayName>
      <description> On clicking an item in the list</description>
    </event>
  </events>
  <layouts>
    <layout name="">
      <propertyNames>
        <propertyName>name</propertyName>
        <propertyName>left</propertyName>
        <propertyName>top</propertyName>
        <propertyName>width</propertyName>
        <propertyName>height</propertyName>
        <propertyName>contactslist</propertyName>
        <propertyName>showscroll</propertyName>
        <propertyName>showazlist</propertyName>
        <propertyName>fontsize</propertyName>
        <propertyName>fontfamily</propertyName>
        <propertyName>showsearch</propertyName>
      </propertyNames>
    </layout>
  </layouts>
  <preload>
    <scripts>
      <script src="/iblocs/irise/ContactsList/2.0/javascript/other/jquery.mousewheel.js"></script>
      <script src="/iblocs/irise/ContactsList/2.0/javascript/other/touchEvents.js"></script>
      <script src="/iblocs/irise/ContactsList/2.0/javascript/ContactsList.js"></script>
    </scripts>
    <stylesheets>
      <stylesheet src="/iblocs/irise/ContactsList/2.0/resources/css/contactslist.css"></stylesheet>
    </stylesheets>
  </preload>
  <content>
	
		&lt;div style="position:relative"&gt;
			&lt;ul id="iphone-search" class="irise-contactslist-search" &gt;
				&lt;li&gt;A&lt;/li&gt;
				&lt;li&gt;B&lt;/li&gt;
				&lt;li&gt;C&lt;/li&gt;
				&lt;li&gt;D&lt;/li&gt;
				&lt;li&gt;E&lt;/li&gt;
				&lt;li&gt;F&lt;/li&gt;
				&lt;li&gt;G&lt;/li&gt;
				&lt;li&gt;H&lt;/li&gt;
				&lt;li&gt;I&lt;/li&gt;
				&lt;li&gt;J&lt;/li&gt;
				&lt;li&gt;K&lt;/li&gt;
				&lt;li&gt;L&lt;/li&gt;
				&lt;li&gt;M&lt;/li&gt;
				&lt;li&gt;N&lt;/li&gt;
				&lt;li&gt;O&lt;/li&gt;
				&lt;li&gt;P&lt;/li&gt;
				&lt;li&gt;Q&lt;/li&gt;
				&lt;li&gt;R&lt;/li&gt;
				&lt;li&gt;S&lt;/li&gt;
				&lt;li&gt;T&lt;/li&gt;
				&lt;li&gt;U&lt;/li&gt;
				&lt;li&gt;V&lt;/li&gt;
				&lt;li&gt;W&lt;/li&gt;
				&lt;li&gt;X&lt;/li&gt;
				&lt;li&gt;Y&lt;/li&gt;
				&lt;li&gt;Z&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
		&lt;div class="irise-contactslist-iphone vertical"&gt;
			&lt;div class="phone" id="clist"&gt;			
			&lt;div class="display"&gt;
				&lt;div class="screen"&gt;
					&lt;div id="ptitle" class="titlebar"&gt;&lt;/div&gt;				
					&lt;div id="vlist" class="iscroll scroll list"&gt;							
					&lt;/div&gt; 					
				&lt;/div&gt;
			&lt;/div&gt;						
		   &lt;/div&gt;					   			
		&lt;/div&gt;
	
    </content>
</ibloc>