<?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="Callout" viewDeactivate="callout.close()" xmlns:components="components.*">

<fx:Script>

<![CDATA[

import views.SnippetView;

]]>

</fx:Script>

<fx:Declarations>

<s:Callout id="callout" height="200" horizontalPosition="middle">

<s:VGroup paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" horizontalAlign="center">

<s:Label text="My Story" fontWeight="bold" fontSize="30" color="0xAA0D0A"/>

<s:TextArea text="Lorem ipsum dolor sit amet" width="90%" editable="false"/>

</s:VGroup>  

</s:Callout>

</fx:Declarations>

<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:Label id="lbl" textDecoration="underline" x="270" y="140" fontSize="40" text="Click Me" click="callout.open(lbl)"/>

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

</s:View>