Визуальные компоненты(ver. 2.7)

<c:Button Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:Button CssClass="main_row"/>

<c:Button Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:Button OnClick="$Print($editOutlet.Text)"/>

function Print(sender, text) {
	Dialog.Message(text);
	sender.Visible = false;
}

<c:Button OnClick="$Print($editOutlet.Text)"/>

function Print(text) {
	Dialog.Message(text);
}

<c:Button Text="#hello_world#" OnClick="$Rename($editText.Text)"/>

function Rename(sender, text) {
	sender.Text = text;
}

<c:Button OnClick="$DoBack()" OnEvent="Back"/>

<c:Button OnClick="$DoForward()" SubmitScope="edtName; grValues"/>
<c:EditText Id="edtName" Required="true"/>
<c:HorizontalLayout Id="grValues">
	<c:EditText Id="edtAddress" Length="20"/>
	<c:EditText Id="edtUrl" Length="10"/>
	<c:EditText Id="edtPhone" Length="11" Mask="[0-9]+"/>
</c:HorizontalLayout>

<c:CheckBox Enabled="false"/>

<c:CheckBox Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:CheckBox CssClass="main_row"/>

<c:CheckBox Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:CheckBox Checked="True"/>

function Uncheck() {
	$.main.Checked = false;
}

<c:Component Id="main">
	...
</c:Component>

function HideMain() {
	$.main.Visible = true;
}

<c:DockLayout Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:DockLayout CssClass="main_row"/>

<c:DockLayout Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

function HideContent(sender) {
	for(control in sender.Controls)
		control.Visible = false;
}

<c:DockLayout OnClick="$Print($editOutlet.Text)"/>

function Print(sender, text) {
	Dialog.Message(text);
	sender.Visible = false;
}

<c:DockLayout OnClick="$Print($editOutlet.Text)"/>

function Print(text) {
	Dialog.Message(text);
}

<c:DockLayout OnClick="$DoBack()" OnEvent="Back"/>

<c:DockLayout OnClick="$DoForward()" SubmitScope="edtName; grValues"/>
<c:EditText Id="edtName" Required="true"/>
<c:HorizontalLayout Id="grValues">
	<c:EditText Id="edtAddress" Length="20"/>
	<c:EditText Id="edtUrl" Length="10"/>
	<c:EditText Id="edtPhone" Length="11" Mask="[0-9]+"/>
</c:HorizontalLayout>

<c:EditText Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:EditText CssClass="main_row"/>

<c:EditText Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:EditText Text="#helloworld#"/>

<c:EditText Value="$orderitem.Qty"/>

<c:EditText OnChange="$Validate()"/>

<c:EditText OnGetFocus="$HideTooltip()"/>

<c:EditText OnLostFocus="$ShowTooltip()"/>

<c:EditText />

<c:EditText Required="true"/>

<c:EditText Mask="^\d+$"/>

<c:EditText AutoFocus="True"/>

<c:EditText Keyboard="numeric"/>

<c:EditText Placeholder="#search#"/>

 <c:EditText Enabled="False"/>

$.edtName.Enabled = false;

function LayoutClick(sender){
	$.sender.Controls[0].SetFocus();
}

<c:HorizontalLayout Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:HorizontalLayout CssClass="main_row"/>

<c:HorizontalLayout Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

function HideContent(sender) {
	for(control in sender.Controls)
		control.Visible = false;
}

<c:HorizontalLayout OnClick="$Print($editOutlet.Text)"/>

function Print(sender, text) {
	Dialog.Message(text);
	sender.Visible = false;
}

<c:HorizontalLayout OnClick="$Print($editOutlet.Text)"/>

function Print(text) {
	Dialog.Message(text);
}

<c:HorizontalLayout OnClick="$DoBack()" OnEvent="Back"/>

<c:HorizontalLayout OnClick="$DoForward()" SubmitScope="edtName; grValues"/>
<c:EditText Id="edtName" Required="true"/>
<c:HorizontalLayout Id="grValues">
	<c:EditText Id="edtAddress" Length="20"/>
	<c:EditText Id="edtUrl" Length="10"/>
	<c:EditText Id="edtPhone" Length="11" Mask="[0-9]+"/>
</c:HorizontalLayout>

<c:HorizontalLine Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:HorizontalLine CssClass="main_row"/>

<c:HorizontalLine Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:Image Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:Image CssClass="main_row"/>

<c:Image Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

 <c:Image Source="\public\logo.jpg"/>

<c:Indicator Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:Indicator CssClass="main_row"/>

<c:Indicator Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

function Sync(sender){

	$.indicator.Visible = true;
	$.indicator.Start();
}

function OnSync(sender){

	$.indicator.Stop();
	$.indicator.Visible = false;
}

<c:Button Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:Button CssClass="main_row"/>

<c:Button Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:MediaPlayer Path="/private/movie.mp4"/>

function Change(path) {
	$.player.Path = path;
}

<c:MediaPlayer Path="/private/movie.mp4" AutoPlay="true"/>

function Start(){
	$.player.Play();
}

function OnSwipeOut(){
	$.player.Pause();
}

function CloseNotification(){
	$.player.Stop();
}

<c:MemoEdit Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:MemoEdit CssClass="main_row"/>

<c:MemoEdit Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:MemoEdit Text="#helloworld#"/>

<c:MemoEdit Value="$orderitem.Qty"/>

<c:MemoEdit OnChange="$Validate()"/>

<c:MemoEdit OnGetFocus="$HideTooltip()"/>

<c:MemoEdit OnLostFocus="$ShowTooltip()"/>

<c:MemoEdit />

<c:MemoEdit Required="true"/>

<c:MemoEdit Mask="^\d+$"/>

<c:MemoEdit AutoFocus="True"/>

<c:MemoEdit Keyboard="numeric"/>

<c:MemoEdit Placeholder="#search#"/>

 <c:EditText Enabled="False"/>

$.edtName.Enabled = false;

function LayoutClick(sender){
	$.sender.Controls[0].SetFocus();
}

<c:Screen Visible="false">
	...
</c:Screen >

function Hide(control) {
	control.Visible = false;
}

<c:Screen CssClass="main_row">
	...
</c:Screen >

<c:Screen Id="main">
	...
</c:Screen >

function HideMain() {
	$.main.Visible = true;
}

function HideContent(sender) {
	for(control in sender.Controls)
		control.Visible = false;
}

<c:Screen StyleSheet="Order.css">
	...
</c:Screen >

<c:ScrollView Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:ScrollView CssClass="main_row"/>

<c:ScrollView Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

function HideContent(sender) {
	for(control in sender.Controls)
		control.Visible = false;
}

function ScrollTo(scrollview, index) {
	scrollview.Index = index;
}

<c:ScrollView OnScroll="$HideContent()"/>

function OnLayoutClick(sender) {
	if($.scrollview.ScrollIndex != currentIndex)
		Hide(currentIndex);
}

<c:SwipeHorizontalLayout Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:SwipeHorizontalLayout CssClass="main_row"/>

<c:SwipeHorizontalLayout Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

function HideContent(sender) {
	for(control in sender.Controls)
		control.Visible = false;
}

<c:SwipeHorizontalLayout Id="main" Index="1">
	...
</c:SwipeHorizontalLayout>

function OpenMenu() {
	$.main.Index = 0;
}

<c:SwipeHorizontalLayout Percent="25">
	...
</c:SwipeHorizontalLayout>

<c:SwipeHorizontalLayout Alignment="Center">
	...
</c:SwipeHorizontalLayout>

<c:SwipeHorizontalLayout Scrollable= "False">
	...
</c:SwipeHorizontalLayout>

<c:SwipeHorizontalLayout OnSwipe="$HandleContentVisiblity()">
	...
</c:SwipeHorizontalLayout>

<c:VerticalLayout Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:VerticalLayout CssClass="main_row"/>

<c:VerticalLayout Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

function HideContent(sender) {
	for(control in sender.Controls)
		control.Visible = false;
}

<c:VerticalLayout OnClick="$Print($editOutlet.Text)"/>

function Print(sender, text) {
	Dialog.Message(text);
	sender.Visible = false;
}

<c:VerticalLayout OnClick="$Print($editOutlet.Text)"/>

function Print(text) {
	Dialog.Message(text);
}

<c:VerticalLayout OnClick="$DoBack()" OnEvent="Back"/>

<c:VerticalLayout OnClick="$DoForward()" SubmitScope="edtName; grValues"/>
<c:EditText Id="edtName" Required="true"/>
<c:HorizontalLayout Id="grValues">
	<c:EditText Id="edtAddress" Length="20"/>
	<c:EditText Id="edtUrl" Length="10"/>
	<c:EditText Id="edtPhone" Length="11" Mask="[0-9]+"/>
</c:HorizontalLayout>

<c:WebImage Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:WebImage CssClass="main_row"/>

<c:WebImage Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:WebImage  OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:WebImage Url="http://imgstr.com/im.jpg"/>

<c:WebImage UrlType="Absolute"/>

<c: Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c: CssClass="main_row"/>

<c: Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:Button OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

function AddOutletLocation(outlet) {
	$.main.AddMarker("#marker#", outlet.Lat, outlet.Lon, "red");
}

<c:WebView Visible="false"/>

function Hide(control) {
	control.Visible = false;
}

<c:WebView CssClass="main_row"/>

<c:WebView Id="main"/>

function HideMain() {
	$.main.Visible = true;
}

<c:WebView OnClick="$Hide($main.Parent)"/>

function HideRoot() {
	$.main.Parent = false;
}

<c:WebView Url="https://google.com"/>