ProgressBar: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
(Created page with "file:ProgressBar.png == Description == The ProgressBar control is used to display a indicator that a process is underway. To add a ProgressBar to your app, choose the P...")
 
(3 intermediate revisions by the same user not shown)
Line 5: Line 5:
The ProgressBar control is used to display a indicator that a process is underway.
The ProgressBar control is used to display a indicator that a process is underway.


To add a ProgressBar to your app, choose the ProgressBar icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.  
To add a ProgressBar to your app, choose the ProgressBar icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.
 
Supported on desktop and device Safari and Chrome - not on the Android Browser. Note that PhoneGap (at least up to Version 3.4) uses the Android Browser, so this control will not work with in a PhoneGap app on Android.


== Properties ==
== Properties ==
Line 31: Line 33:
<pre>
<pre>
Rem ProgressBar Example
Rem ProgressBar Example
  ProgressBar1.value=ProgressBar1.value+10
ProgressBar1.value=ProgressBar1.value+10
</pre>
</pre>


Line 47: Line 49:
[[Category:Controls]]
[[Category:Controls]]


[[Category:jQuery Mobile]]
[[Category:General]]


[[Category:iWebKit]]
[[Category:Common]]

Revision as of 22:16, 9 March 2019

Description

The ProgressBar control is used to display a indicator that a process is underway.

To add a ProgressBar to your app, choose the ProgressBar icon in the Toolbar, then position it on the Design Screen. Use the Property Editor to set the properties you need.

Supported on desktop and device Safari and Chrome - not on the Android Browser. Note that PhoneGap (at least up to Version 3.4) uses the Android Browser, so this control will not work with in a PhoneGap app on Android.

Properties

Standard properties are supported, plus:

max Integer. The maximum value of the ProgressBar. Design Time.
value Integer. The current value of the ProgressBar. When it is equal to max, the bar is 100%. Design and Runtime.

Events

Standard events are supported, plus:

onblur Called when exiting the field.
onkeypress Called when a key is pressed.

Example (Basic)

Rem ProgressBar Example
ProgressBar1.value=ProgressBar1.value+10

Example (JavsScript)

// ProgressBar Example
  ProgressBar1.value=ProgressBar1.value+10;
}

Output