<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>1024</PageWidth>
	<PageHeight>600</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<ResponsiveSize>True</ResponsiveSize>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\sinli\OneDrive\Documentos\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<LanguageCode>en</LanguageCode>
	<DisplayMode>standalone</DisplayMode>
	<ServiceWorker>Offline page</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>
	<startup>... add any project start-up commands below
.First we need to create an empty array to store the data
CreateEmptyArray [mydata]

.Then we populate the array with data
.double click on any command to bring up the code wizard and better understand what&apos;s happening.

.id field has a unique value per row
Loop 0 9 [idnumber]
  neoTableSetData [mydata] [idnumber] &quot;id&quot; [idnumber]
EndLoop

.first row
neoTableSetData [mydata] 0 &quot;name&quot; &quot;John&quot;
neoTableSetData [mydata] 0 &quot;surname&quot; &quot;Travolta&quot;
neoTableSetData [mydata] 0 &quot;age&quot; 64

.second row
neoTableSetData [mydata] 1 &quot;name&quot; &quot;Tom&quot;
neoTableSetData [mydata] 1 &quot;surname&quot; &quot;Cruise&quot;
neoTableSetData [mydata] 1 &quot;age&quot; 56

.third row
neoTableSetData [mydata] 2 &quot;name&quot; &quot;Melanie&quot;
neoTableSetData [mydata] 2 &quot;surname&quot; &quot;Griffith&quot;
neoTableSetData [mydata] 2 &quot;age&quot; 61

.fourth row
neoTableSetData [mydata] 3 &quot;name&quot; &quot;Kate&quot;
neoTableSetData [mydata] 3 &quot;surname&quot; &quot;Winslet&quot;
neoTableSetData [mydata] 3 &quot;age&quot; 43

.more rows...
neoTableSetData [mydata] 4 &quot;name&quot; &quot;Meryl&quot;
neoTableSetData [mydata] 4 &quot;surname&quot; &quot;Streep&quot;
neoTableSetData [mydata] 4 &quot;age&quot; 69

neoTableSetData [mydata] 5 &quot;name&quot; &quot;Liam&quot;
neoTableSetData [mydata] 5 &quot;surname&quot; &quot;Neeson&quot;
neoTableSetData [mydata] 5 &quot;age&quot; 66

neoTableSetData [mydata] 6 &quot;name&quot; &quot;Angelina&quot;
neoTableSetData [mydata] 6 &quot;surname&quot; &quot;Jolie&quot;
neoTableSetData [mydata] 6 &quot;age&quot; 43

neoTableSetData [mydata] 7 &quot;name&quot; &quot;Susan&quot;
neoTableSetData [mydata] 7 &quot;surname&quot; &quot;Sarandon&quot;
neoTableSetData [mydata] 7 &quot;age&quot; 72


neoTableSetData [mydata] 8 &quot;name&quot; &quot;Little&quot;
neoTableSetData [mydata] 8 &quot;surname&quot; &quot;McJohn&quot;
neoTableSetData [mydata] 8 &quot;age&quot; 9999

neoTableSetData [mydata] 9 &quot;name&quot; &quot;Magic&quot;
neoTableSetData [mydata] 9 &quot;surname&quot; &quot;Johnson&quot;
neoTableSetData [mydata] 9 &quot;age&quot; 59</startup>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<Components>
						<Container id="Container1">
							<left>48px</left>
							<top>48px</top>
							<width>592px</width>
							<height>120px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
							<css_class>row</css_class>
							<Components>
								<Container id="Container2">
									<left>16px</left>
									<top>0px</top>
									<height>24px</height>
									<style>border-width:1px;border-style:solid;background-color:#fff;</style>
									<css_class>col-md-6</css_class>
									<ng_repeat>data in mydata</ng_repeat>
									<Components>
										<Container id="Container3">
											<left>30px</left>
											<top>6px</top>
											<height>16px</height>
											<css_class>col-xs-12 btn-primary</css_class>
											<html>[data.name] [data.surname]</html>
										</Container>
										<Container id="Container4">
											<left>13px</left>
											<top>13px</top>
											<height>16px</height>
											<style>background-color:#FABC02</style>
											<css_class>col-xs-12</css_class>
											<ng_if>[data.age] &gt; 50</ng_if>
											<html>&lt;b&gt;Age:&lt;/b&gt; [data.age]. Greater than 50
</html>
										</Container>
										<Container id="Container5">
											<left>13px</left>
											<top>43px</top>
											<height>16px</height>
											<style>background-color:#D0EA2B</style>
											<css_class>col-xs-12</css_class>
											<ng_if>[data.age] &lt;= 50</ng_if>
											<html>&lt;b&gt;Age:&lt;/b&gt; [data.age]. Equal or lower than 50</html>
										</Container>
									</Components>
								</Container>
							</Components>
						</Container>
						<Container id="Container6">
							<left>-336px</left>
							<top>8px</top>
							<width>312px</width>
							<height>160px</height>
							<style>background-color:#FFF1DE;border-style:solid;border-width:1px;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px</style>
							<visible>False</visible>
							<html>ng-repeat and ng-if sample.&lt;br&gt;&lt;br&gt;
Check Container2, Container4 and Container5 Advanced properties.&lt;br&gt;&lt;br&gt;
You can use JSON data from any source: database, API...</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>1024px</width>
							<height>768px</height>
							<close_button>False</close_button>
							<kind>custom</kind>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
