<?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="{data.title}" xmlns:components="components.*">

<fx:Script>

<![CDATA[

import flash.net.navigateToURL;

import views.SnippetView;

protected function cb_changeHandler(event:Event):void

{

bi.visible = cb.selected ? false : true; 

}

]]>

</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:VGroup gap="20" paddingTop="15" paddingLeft="15" width="{this.width}">

<s:Label text="Here is the busy indicator component:"/>

<s:BusyIndicator id="bi" width="{slider.value}" height="{slider.value}"/>

<s:Label text="Change its size thanks to the slider component:"/>

<s:HSlider id="slider" minimum="25" maximum="100" value="40"/>

<s:Label text="Show or hide the component using the check box:"/>

<s:CheckBox id="cb" label="Hide" change="cb_changeHandler(event)"/>

</s:VGroup>

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

</s:View>