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

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 

xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView" xmlns:components="components.*">

<fx:Script>

<![CDATA[

import views.SnippetView;

]]>

</fx:Script>

<s:navigationContent>

<s:Button label="Snippet" click="navigator.pushView(views.SnippetView,data)"/>

<s:Button label="Tutorial" click="navigateToURL(new URLRequest(data.tutorial))"/>

</s:navigationContent>

<s:layout>

<s:VerticalLayout paddingTop="45" paddingBottom="15" paddingLeft="15" paddingRight="15" gap="30" 

  horizontalAlign="center" verticalAlign="top"/>

</s:layout>

<s:Label text="Click into each of the TextInput fields below to see the effect the setting will have on either the text you input or the soft keyboard type and return key label on the

soft keyboard when clicked." width="90%"/>

<s:HGroup gap="15">

<s:VGroup verticalAlign="middle">

<s:Label text="Soft Keyboard=Email"/>

<s:TextInput softKeyboardType="email" width="180"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Soft Keyboard=Number"/>

<s:TextInput softKeyboardType="number" width="180"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Soft Keyboard=Punctuation"/>

<s:TextInput softKeyboardType="punctuation" width="180"/>

</s:VGroup>

</s:HGroup>

<s:HGroup gap="15">

<s:VGroup verticalAlign="middle">

<s:Label text="Soft Keyboard=URL"/>

<s:TextInput softKeyboardType="url" width="180"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Soft Keyboard=Default"/>

<s:TextInput softKeyboardType="default" width="180"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Soft Keyboard=Contact"/>

<s:TextInput softKeyboardType="contact" width="180"/>

</s:VGroup>

</s:HGroup>

<s:HGroup gap="15">

<s:VGroup verticalAlign="middle">

<s:Label text="Capitalize=all"/>

<s:TextInput autoCapitalize="all" width="150"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Capitalize=Sentence"/>

<s:TextInput autoCapitalize="sentence" width="150"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Auto-Correct=true"/>

<s:TextInput autoCorrect="true" width="150"/>

</s:VGroup>

</s:HGroup>

<s:HGroup gap="15">

<s:VGroup verticalAlign="middle">

<s:Label text="Return Label=done"/>

<s:TextInput returnKeyLabel="done" width="150"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Return Label=go"/>

<s:TextInput returnKeyLabel="go" width="150"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Return Label=next"/>

<s:TextInput returnKeyLabel="next" width="150"/>

</s:VGroup>

<s:VGroup verticalAlign="middle">

<s:Label text="Return Label=search"/>

<s:TextInput returnKeyLabel="search" width="150"/>

</s:VGroup>

</s:HGroup>

<components:QuestionBlock bottom="40" horizontalCenter="0" questionData="{data}"/>

</s:View>