<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Content Slider Plugin Demo</AppTitle>
	<AppShortName>SliderDemo</AppShortName>
	<Author>Luis Hernández</Author>
	<Version>1.0</Version>
	<Description>Content Slider Plugin Demo</Description>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>1024</PageWidth>
	<PageHeight>600</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<LanguageCode>en</LanguageCode>
	<MinifySource>True</MinifySource>
	<MobileOSTypes>[AndroidOS,iOS,WindowsPhoneOS]</MobileOSTypes>
	<WindowState>normal</WindowState>
	<TitleBar>True</TitleBar>
	<Sizeable>True</Sizeable>
	<MaximizeBtn>False</MaximizeBtn>
	<MinimizeBtn>True</MinimizeBtn>
	<SystemMenu>True</SystemMenu>
	<ContextMenu>False</ContextMenu>
	<AlwaysOnTop>False</AlwaysOnTop>
	<ShowInTaskbar>True</ShowInTaskbar>
	<SingleInstance>False</SingleInstance>
	<ChromeKioskMode>False</ChromeKioskMode>
	<startup>slCenterApp 1024 600
slAppBackgroundColor &quot;#efefef&quot;
slSetCSSProperty &quot;Home&quot; &quot;border&quot; &quot;1px solid black&quot;
slSetCSSProperty &quot;Home&quot; &quot;overflow&quot; &quot;hidden&quot;</startup>
	<Components>
		<FunctionList name="Subroutines">
			<Components>
				<Function name="mysubroutine">
					<Code>AlertBox &quot;Hi!&quot; &quot;This is a test&quot; &quot;&quot;</Code>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="Home">
					<style>background-color:#E0E0E0</style>
					<pageenter>slInitSlider &quot;Container1&quot; &quot;horizontal&quot; 600 3000
OnMouseEvent &quot;Image1&quot; &quot;click&quot; &quot;mysubroutine&quot;</pageenter>
					<Components>
						<Container id="Container3">
							<left>0px</left>
							<top>0px</top>
							<width>1024px</width>
							<height>96px</height>
							<style>background-color:#DF7326</style>
						</Container>
						<Container id="Container1">
							<left>104px</left>
							<top>104px</top>
							<width>766px</width>
							<height>432px</height>
							<style>border-color:#A8A8A8;border-style:solid;border-width:1px;overflow-x:hidden;overflow-y:hidden</style>
							<Components>
								<Container id="Container2">
									<left>8px</left>
									<top>136px</top>
									<width>488px</width>
									<height>256px</height>
									<style>color:#4F4F4F;font-family:verdana;background-color:#A8A8A8;padding-bottom:10px;padding-left:20px;padding-right:10px;padding-top:10px</style>
									<html>&lt;h3 style=&quot;color:#ffffff;font-family:arial;font-weight:bold&quot;&gt;Creating a content slider is really simple!&lt;/h3&gt;
&lt;br&gt;
&lt;strong&gt;Just follow these steps:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;

&lt;ol&gt;
&lt;li&gt;Add a Container object.&lt;/li&gt;
&lt;li&gt;Put inside images, other Containers or even IFrames.&lt;br&gt;
They will automatically resize to the parent Container size.&lt;/li&gt;
&lt;li&gt;On page-enter event add &lt;strong&gt;slInitSlider&lt;/strong&gt; action command.&lt;/li&gt;
&lt;li&gt;Add buttons to go to next (&lt;strong&gt;slGoToNextSlide&lt;/strong&gt;) and previous (&lt;strong&gt;slGoToNextSlide&lt;/strong&gt;) slides.&lt;/li&gt;&lt;br&gt;&lt;br&gt;
&lt;/ol&gt;
&lt;strong&gt;As many slides and sliders as you wish.&lt;/strong&gt;&lt;br&gt;</html>
								</Container>
								<IFrame id="IFrame1">
									<left>296px</left>
									<top>24px</top>
									<width>224px</width>
									<height>184px</height>
									<source>https://player.vimeo.com/video/287097435</source>
								</IFrame>
								<Image id="Image1">
									<left>0px</left>
									<top>0px</top>
									<width>270px</width>
									<height>180px</height>
									<style>cursor:pointer</style>
									<source>https://via.placeholder.com/752x452</source>
								</Image>
								<Image id="Image2">
									<left>472px</left>
									<top>176px</top>
									<width>290px</width>
									<height>220px</height>
									<source>https://via.placeholder.com/752x452</source>
								</Image>
								<Image id="Image3">
									<left>456px</left>
									<top>8px</top>
									<width>270px</width>
									<height>160px</height>
									<source>https://via.placeholder.com/752x452</source>
								</Image>
							</Components>
						</Container>
						<PushButton id="PushButton1">
							<left>791px</left>
							<top>544px</top>
							<width>80px</width>
							<height>40px</height>
							<caption>Next</caption>
							<icon>glyphicon-chevron-right</icon>
							<icon_position>pright</icon_position>
							<click>slGoToNextSlide &quot;Container1&quot;</click>
						</PushButton>
						<PushButton id="PushButton2">
							<left>707px</left>
							<top>544px</top>
							<width>80px</width>
							<height>40px</height>
							<caption>Prev</caption>
							<icon>glyphicon-chevron-left</icon>
							<click>slGoToPrevSlide &quot;Container1&quot;</click>
						</PushButton>
						<PushButton id="PushButton3">
							<left>104px</left>
							<top>544px</top>
							<width>91px</width>
							<height>40px</height>
							<caption>Start Auto</caption>
							<click>slStartAutoSlider &quot;Container1&quot;</click>
						</PushButton>
						<PushButton id="PushButton4">
							<left>204px</left>
							<top>544px</top>
							<width>90px</width>
							<height>40px</height>
							<caption>Stop Auto</caption>
							<click>slStopAutoSlider &quot;Container1&quot;</click>
						</PushButton>
						<NumericInput id="NumericInput1">
							<left>338px</left>
							<top>544px</top>
							<width>56px</width>
							<height>40px</height>
							<variable>slideNumber</variable>
							<init_value>2</init_value>
						</NumericInput>
						<PushButton id="PushButton5">
							<left>399px</left>
							<top>544px</top>
							<width>90px</width>
							<height>40px</height>
							<caption>Goto Slide</caption>
							<click>slGotoSlide &quot;Container1&quot; [slideNumber]</click>
						</PushButton>
						<Headline id="Headline3">
							<left>24px</left>
							<top>16px</top>
							<width>304px</width>
							<height>32px</height>
							<style>color:#ffffff;font-weight:bold</style>
							<text>Content Slider Sample</text>
							<kind>h3</kind>
						</Headline>
						<Image id="Image4">
							<left>712px</left>
							<top>8px</top>
							<width>300px</width>
							<source>visualNEO-web.png</source>
							<link>https://visualneo.com</link>
						</Image>
						<Container id="Container7">
							<left>880px</left>
							<top>112px</top>
							<width>128px</width>
							<height>88px</height>
							<style>color:#ffffff;background-color:#DF7326;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px</style>
							<visible>False</visible>
							<html>&lt;strong&gt;Plugins:&lt;/strong&gt;&lt;br&gt;
&lt;i&gt;Power App&lt;br&gt;
Content Slider&lt;/i&gt;</html>
						</Container>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage"/>
			</Components>
		</PageList>
		<PageList name="Dialog">
			<Components>
				<Page id="NewDialog">
					<Components>
						<DialogContainer id="DialogContainer1">
							<left>0px</left>
							<top>0px</top>
							<width>800px</width>
							<height>600px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
