Fieldset: qp-field Reference Information

You use the qp-field tag to define a field inside a field tag. The following table lists the properties of the qp-fieldset control, which represents any field control in HTML.

Important: We recommend that you not use multiple qp-field tags instead of qp-fieldset because qp-fieldset supports personalization of the fields by the user. If you define multiple qp-field tags instead of qp-fieldset, the user cannot change the order of fields or hide particular fields.
Property Description
class Specifies the class for the qp-field control.
control-type Specifies the type of the control, such as qp-segmented-selector or qp-branch-selector.
<qp-field control-type="qp-branch-selector" ></qp-field>
control-state Specifies the name of the DAC field for the control. You must use the bind command with this attribute.
<qp-field control-state.bind="Filter.OrgBAccountID"></qp-field>
config-class.bind Specifies the CSS class for the underlying control specified in the control-type attribute. 
<qp-field control-state.bind="QuickProcessParameters.ShipDateMode"
  class="no-label"
  control-type="qp-radio"
  config-class.bind="'vertical'"
  config-options.bind="[{ value: 0, text: 'Today' },
    { value: 1, text: 'Tomorrow' }, { value: 2, text: 'Custom' }]">
config-options.bind Specifies the list of options for the underlying control specified in the control-type attribute.
<qp-field control-state.bind="QuickProcessParameters.ShipDateMode"
  class="no-label"
  control-type="qp-radio"
  config-class.bind="'vertical'"
  config-options.bind="[{ value: 0, text: 'Today' },
    { value: 1, text: 'Tomorrow' }, { value: 2, text: 'Custom' }]">