<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Gantt Sample App</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<DesignDeviceName>GenericTablet</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>1024</PageWidth>
	<PageHeight>768</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<ResponsiveSize>False</ResponsiveSize>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<LanguageCode>en</LanguageCode>
	<DisplayMode>standalone</DisplayMode>
	<ServiceWorker>Offline page</ServiceWorker>
	<ThemeColor>#000000</ThemeColor>
	<PwaScope>/</PwaScope>
	<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>
	<CustomHeadMetadata>&lt;script src=&quot;https://cdn.jsdelivr.net/npm/frappe-gantt/dist/frappe-gantt.umd.js&quot;&gt;&lt;/script&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/frappe-gantt/dist/frappe-gantt.css&quot;&gt;</CustomHeadMetadata>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<Components>
						<Container id="Container1">
							<left>60px</left>
							<top>110px</top>
							<width>920px</width>
							<height>615px</height>
							<style>border-width:1px;border-style:solid;background-color:#fff;</style>
						</Container>
						<PushButton id="PushButton1">
							<left>65px</left>
							<top>30px</top>
							<width>140px</width>
							<height>55px</height>
							<caption>Render</caption>
							<click>BeginJS
let tasks = [
  {
    id: &apos;1&apos;,
    name: &apos;Redesign website&apos;,
    start: &apos;2025-08-08&apos;,
    end: &apos;2025-08-31&apos;,
    progress: 20
  },
  {
    id: &apos;2&apos;,
    name: &apos;Another task&apos;,
    start: &apos;2025-08-12&apos;,
    end: &apos;2025-09-08&apos;,
    progress: 30
  },
  {
    id: &apos;3&apos;,
    name: &apos;Different task&apos;,
    start: &apos;2025-08-18&apos;,
    end: &apos;2025-09-23&apos;,
    progress: 10
  }
]
let gantt = new Gantt(&quot;#Container1&quot;, tasks);
EndJS</click>
						</PushButton>
					</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>
