Files
NativeScript/apps/tests/ui/switch/switch.md
Erjan Gavalji f15f283c74 Reorder test file structure to match the modules
Needed to have a nice structured cookbook dir in the docs

Includes:
Move the data-module tests under the data dir
Move the frame tests under the ui dir
Rename the dialog.md file to dialogs.md
Fix the web-view title
Add previous_url attributes to each article for SEO
Rename the style dir to styling to match the reference
Fix the frame-tests path
2016-05-05 10:43:35 +03:00

26 lines
856 B
Markdown

---
nav-title: "switch How-To"
title: "switch"
description: "Examples for using switch"
previous_url: /ApiReference/ui/switch/HOW-TO
---
# Switch
Using a switch requires the Switch module.
<snippet id='article-require-switch'/>
### Binding the Switch checked property and Button isEanbled property to a observable view-model property.
``` XML
<Page loaded="pageLoaded">
<StackLayout orientation="vertical">
{%raw%}<Switch checked="{{ someProperty }}" />
<Button isEanbled="{{ someProperty }}" text="This is a Button!" />{%endraw%}
</StackLayout>
</Page>
```
<snippet id='article-binding-switch-property'/>
### Creating a switch
<snippet id='article-create-switch'/>
### Setting the checked property of a switch
<snippet id='article-setting-checked-property'/>
### Binding checked property to a model
<snippet id='aricle-binding-checked-property'/>