<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<DesignDeviceName>Desktop</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>1280</PageWidth>
	<PageHeight>800</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<ResponsiveSize>False</ResponsiveSize>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\cgiebel\Documents\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<LanguageCode>en</LanguageCode>
	<DisplayMode>standalone</DisplayMode>
	<ServiceWorker>OfflineCopyOfPages</ServiceWorker>
	<ThemeColor>#000000</ThemeColor>
	<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>
	<Components>
		<FunctionList name="Subroutines">
			<Components>
				<Function name="neoline">
					<Code>neoLineReposition &quot;Container5&quot; &quot;Container2&quot;
neoLineReposition &quot;Container2&quot; &quot;Container3&quot;</Code>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<pageenter>neoDragInit &quot;StaticContainer&quot;

. Start value for dynamic containers
setVar [n] 10</pageenter>
					<Components>
						<Container id="Container1">
							<left>11px</left>
							<top>3px</top>
							<width>1080px</width>
							<height>781px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
						</Container>
						<Container id="Container2">
							<left>1138px</left>
							<top>38px</top>
							<width>124px</width>
							<height>103px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
							<Components>
								<Headline id="Headline2">
									<left>47px</left>
									<top>74px</top>
									<width>50px</width>
									<height>20px</height>
									<text>[n]</text>
									<kind>h6</kind>
								</Headline>
								<Headline id="Headline5">
									<left>3px</left>
									<top>46px</top>
									<width>117px</width>
									<height>21px</height>
									<text>Title1</text>
									<kind>h5</kind>
								</Headline>
							</Components>
						</Container>
						<PushButton id="PushButton1">
							<left>1131px</left>
							<top>333px</top>
							<width>134px</width>
							<height>45px</height>
							<caption>Duplicate</caption>
							<click>SetVar [n] [n]+1

. ----- Duplicate Container1
DuplicateObject &quot;Container2&quot; &quot;myContainer[n]&quot; &quot;Container1&quot;

. Issue: The new id is never set. See created HTML.
.        All containers have id = Container2
BeginJS
  //This line modifies the id of the newly created object.
  $(&apos;[visualneowebname=&quot;myContainer[n]&quot;]&apos;).attr(&quot;id&quot;,&quot;myContainer[n]&quot;);
EndJS

CreateEmptyObject [myCSS]
Random 700 [posx]
Random 300 [posy]
SetVar [myCSS.top] &quot;[posy]px&quot;
SetVar [myCSS.left] &quot;[posx]px&quot;
Random 255 [red]
Random 255 [green]
Random 255 [blue]
SetVar [myCSS.background] &quot;rgb([red],[green],[blue])&quot;
SetObjectCSS &quot;myContainer[n]&quot; [myCSS]
. How can I change Title 1 text?


. ----- Try to Duplicate Title 2 and show it in new container and change text
. Issue: Title2 is never shown
DuplicateObject &quot;Title2&quot; &quot;myHeadline[n]&quot; &quot;myContainer[n]&quot;
BeginJS
  //This line modifies the id of the newly created object.
  $(&apos;[visualneowebname=&quot;myHeadline[n]&quot;]&apos;).attr(&quot;id&quot;,&quot;myHeadline[n]&quot;);
EndJS
CreateEmptyObject [myHeadlineCSS]
SetVar [myHeadlineCSS.top] &quot;5&quot;
SetVar [myHeadlineCSS.left] &quot;5&quot;
SetVar [myHeadlineCSS.text] &quot;SubTitle [n]&quot;
SetObjectCSS &quot;myHeadline[n]&quot; [myHeadlineCSS]
</click>
						</PushButton>
						<Container id="StaticContainer">
							<left>923px</left>
							<top>664px</top>
							<width>124px</width>
							<height>103px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
							<Components>
								<Headline id="Headline3">
									<left>22px</left>
									<top>24px</top>
									<width>85px</width>
									<height>39px</height>
									<text>Static</text>
									<kind>h3</kind>
								</Headline>
								<Headline id="Headline4">
									<left>23px</left>
									<top>76px</top>
									<width>99px</width>
									<height>20px</height>
									<text>[n]</text>
									<kind>h6</kind>
								</Headline>
							</Components>
						</Container>
						<Headline id="Titile2">
							<left>1140px</left>
							<top>162px</top>
							<width>121px</width>
							<height>30px</height>
							<text>Title 2</text>
							<kind>h5</kind>
						</Headline>
						<Headline id="Headline6">
							<left>1101px</left>
							<top>203px</top>
							<width>166px</width>
							<height>119px</height>
							<style>background-color:#FEFE33</style>
							<text>I try to change any of the text in the duplicated container above...</text>
							<kind>h4</kind>
						</Headline>
						<Headline id="Headline7">
							<left>1135px</left>
							<top>682px</top>
							<width>142px</width>
							<height>83px</height>
							<text>I try to make the duplicated child &quot;draggable&quot;...</text>
							<kind>h4</kind>
						</Headline>
					</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>1280px</width>
							<height>800px</height>
							<close_button>False</close_button>
							<kind>custom</kind>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
