class_="progressbar"
Using <widget class_="progressbar">
creates a progress bar with
several display modes. (Available as of prod-9)
Syntax
<dynamic> <widget class_="progressbar" display_="modal|top|inline"/> </dynamic>
Attributes
display_
- Specifies the display mode for the progress bar.
Valid values are:
inline
- Displays the progress bar at the location, in relation to the other widgets, where it appears in the QuickApp code.
modal
- Displays the progress bar as a large overlay that prevents the user from interacting with the QuickApp.
top
- Displays a smaller progress bar over the top of the QuickApp, but the user may still interact with the other widgets.
The default is
inline
. type_
- Accepts a string that specifies the type of indicator to display for the progress
bar.
Valid values are:
bar
- Displays an animated horizontal barber pole progress bar.
circle
- Displays an animated circular progress bar.
The default is
bar
. showpercentage_
- Accepts an integer value of
1
or0
that specifies whether or not to show the percentage completed on the progress bar whentype_="bar"
.The default is
1
. opacity_
- Accepts a decimal value between
0
and1
that specifies the opacity of the overlay whendisplay_="modal"
.A higher value results in greater opacity of the modal overlay. When
opacity_="0"
, the modal overlay is completely transparent. Whenopacity_="1"
, the modal overlay is completely opaque.The default is
0.25
. delay_
- Accepts a numeric value that will prevent the progress bar from appearing for the
specified amount of time.
The default is
.5
. hide_
- Accepts an integer value of
1
or0
that specifies whether or not hide the progress bar after completion.Note: This is only applicable whendisplay_="inline"
.The default is
1
. hidedelay_
- Accepts a decimal value that specifies the number of seconds to wait before hiding the
progress bar after completion.
The default is
0
.
Example for class_="progressbar"
<dynamic selectvar=""> <layout> <widget class_="dropdownlist" base_="pub.doc.retail.salesdetail" label_="Select Store" value_="@selectvar" maxrows_="200"> <tabu label="Tabulation on Sales Detail" breaks="store"> <tcol source="transid" fun="cnt" label="Count"/> </tabu> <sort col="store"/> <colord cols="store"/> </widget> <layout> <widget class_="grid" type_="scroll" base_="pub.doc.retail.salesdetail" require_="{@selectvar<>''}" invmsg_="Please select a store first"> <sel value="store={@selectvar}"/> <tabu label="Tabulation on Sales Detail" breaks="store"> <tcol breaks="" source="xsales" fun="avg" label="Average Line Item Sales" format="dec:2"/> </tabu> </widget> </layout> <widget class_="progressbar" display_="modal"/> </layout> </dynamic>