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 or 0 that specifies whether or not to show the percentage completed on the progress bar when type_="bar".

The default is 1.

opacity_
Accepts a decimal value between 0 and 1 that specifies the opacity of the overlay when display_="modal".

A higher value results in greater opacity of the modal overlay. When opacity_="0", the modal overlay is completely transparent. When opacity_="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 or 0 that specifies whether or not hide the progress bar after completion.
Note: This is only applicable when display_="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>