FlipToggle: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 47: Line 47:
<pre>
<pre>
FlipToggle1.onchange = function() {
FlipToggle1.onchange = function() {
     $("#Button1").text(FlipToggle1.value());
     Button1.value = FlipToggle1.value();
};
};



Revision as of 13:42, 21 August 2015

Description

The FlipToggle control is a slider that changes between Off and On.

To add a FlipToggle to your app, choose the FlipToggle icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need, then add functions to your code to respond to the events that come from the FlipToggle: usually, just onclick.

Properties

Standard properties are supported, plus:

value() The value of the control.
setting() Current setting of control. True/False.
setValue() Set the value to one of the titles.
titleLeft The name of the left title. Limited to about 5 characters. Design only.
titleRight The name of the left title. Limited to about 5 characters. Design only.

Events

Standard events are supported.

Example (Basic)

Function FlipToggle1_onchange()
  Button1.value = FlipToggle1.value()
End Function

Function Button1_onclick()
  MsgBox FlipToggle1.value()
End Function

Function Button2_onclick()
  'set to text value of the option you want.
  FlipToggle1.setValue("On")
End Function

Example (JavaScript)

FlipToggle1.onchange = function() {
    Button1.value = FlipToggle1.value();
};

Button1.onclick = function() {
    NSB.MsgBox(FlipToggle1.value());
};

Button2.onclick = function() {
    //set to text value of the option you want.
    FlipToggle1.setValue("On");
};

Output

Off