<?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>640</PageWidth>
	<PageHeight>480</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<WebBuildTarget>C:\Users\ASMAT\Desktop\New folder</WebBuildTarget>
	<CustomCSS>.center{
  top:0px!important;
  left:0px!important;
  right:0px!important;
  bottom:0px!important;
  margin:auto!important;
}

.textMiddle{
display:flex;
user-select:none;
align-items:center;
}</CustomCSS>
	<LanguageCode>en</LanguageCode>
	<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>NeoScriptToJS</startup>
	<Components>
		<FunctionList name="Subroutines">
			<Components>
				<Function name="dotsMenuShow">
					<Code>GetObjectInfo &quot;[objectdiv]&quot; &quot;height&quot; [height]
GetObjectInfo &quot;[objectdiv]&quot; &quot;left&quot; [left]
GetObjectInfo &quot;[objectdiv]&quot; &quot;top&quot; [top]
GetObjectInfo &quot;[objectdiv]&quot; &quot;width&quot; [width]
GetObjectInfo &quot;[menudiv]&quot; &quot;width&quot; [objectWidth]
...........................................................
ToNumber &quot;[left]&quot; [left]
ToNumber &quot;[top]&quot; [top]
ToNumber &quot;[width]&quot; [width]
ToNumber &quot;[height]&quot; [height]
ToNumber &quot;[objectWidth]&quot; [objectWidth]
..............................................................
SetVar [x] [left]-[objectwidth]+[Width]
setvar [y] [top]+[height]
...................................................................
MoveObject &quot;[menudiv]&quot; [x] [y]
ShowObject &quot;[menudiv]&quot; &quot;&quot; 0</Code>
					<Params>[objectdiv]|STRING|objectdiv;[menudiv]|STRING|menudiv</Params>
				</Function>
				<Function name="dotsMenuHide">
					<Code>HideObject &quot;menu&quot; &quot;&quot; 0</Code>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="my">
					<pageenter>BEGINJS
window.onclick = function(event) {
if (!event.target.matches(&apos;.dropbtn&apos;)) {
     neosubroutine.dotsMenuHide();
   }
}


$(&apos;.dropbtn&apos;).click(function(event){
    event.stopPropagation();
});

ENDJS</pageenter>
					<Components>
						<Container id="myicon">
							<left>528px</left>
							<top>17px</top>
							<width>50px</width>
							<height>50px</height>
							<style>background-color:#fff;border-radius:100%;transition:all 0.4s ease 0s</style>
							<hover>background-color:#EEEEEE</hover>
							<css_class>dropbtn</css_class>
							<click>dotsMenuShow &quot;myicon&quot; &quot;menu&quot;</click>
							<Components>
								<SVGicon id="SVGicon1">
									<left>12px</left>
									<top>6px</top>
									<width>50%</width>
									<height>50%</height>
									<style>fill:#A8A8A8;stroke:black;stroke-width:1px;transform:rotate(90deg)</style>
									<css_class>center</css_class>
									<icon>svgEllipsisH</icon>
								</SVGicon>
							</Components>
						</Container>
						<Container id="menu">
							<left>300px</left>
							<top>101px</top>
							<width>146px</width>
							<height>181px</height>
							<style>box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2)</style>
							<visible>False</visible>
							<Components>
								<Container id="Container2">
									<left>0px</left>
									<top>73px</top>
									<width>100%</width>
									<height>25%</height>
									<style>color:#707070;padding-left:12px;cursor:pointer</style>
									<align>top</align>
									<hover>background-color:#E8E8E8</hover>
									<css_class>textMiddle</css_class>
									<html>First item</html>
								</Container>
								<Container id="Container3">
									<left>0px</left>
									<top>73px</top>
									<width>100%</width>
									<height>25%</height>
									<style>color:#707070;padding-left:12px;cursor:pointer</style>
									<align>top</align>
									<hover>background-color:#E8E8E8</hover>
									<css_class>textMiddle</css_class>
									<html>Second item</html>
								</Container>
								<Container id="Container4">
									<left>0px</left>
									<top>73px</top>
									<width>100%</width>
									<height>25%</height>
									<style>color:#707070;padding-left:12px;cursor:pointer</style>
									<align>top</align>
									<hover>background-color:#E8E8E8</hover>
									<css_class>textMiddle</css_class>
									<html>Third item</html>
								</Container>
								<Container id="Container5">
									<left>-8px</left>
									<top>131px</top>
									<width>100%</width>
									<height>25%</height>
									<style>color:#707070;padding-left:12px;cursor:pointer</style>
									<align>top</align>
									<hover>background-color:#E8E8E8</hover>
									<css_class>textMiddle</css_class>
									<html>Fourth item</html>
								</Container>
							</Components>
						</Container>
						<Container id="m">
							<left>155px</left>
							<top>83px</top>
							<width>50px</width>
							<height>50px</height>
							<style>background-color:#fff;border-radius:100%;transition:all 0.4s ease 0s</style>
							<hover>background-color:#EEEEEE</hover>
							<css_class>dropbtn</css_class>
							<click>dotsMenuShow &quot;m&quot; &quot;menu&quot;</click>
							<Components>
								<SVGicon id="n">
									<left>12px</left>
									<top>6px</top>
									<width>50%</width>
									<height>50%</height>
									<style>fill:#A8A8A8;stroke:black;stroke-width:1px;transform:rotate(90deg)</style>
									<css_class>center</css_class>
									<icon>svgEllipsisH</icon>
								</SVGicon>
							</Components>
						</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>640px</width>
							<height>480px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
