If you need to put check boxes next to some of the
controls and define them to occupy half of the control space, add the
qp-field tag inside the field tag, and
specify class="col-6" for the nested control.
<qp-fieldset id="groupFields" view.bind="View1">
<field name="Field1">
<qp-field control-state.bind="View1.Override1" class="col-6" >
</qp-field>
</field>
<field name="Field2">
<qp-field control-state.bind="View1.Override2" class="col-6" >
</qp-field>
</field>
<field name="Field3">
<span class="col-6"></span>
</field>
<field name="Field4">
<span class="col-6"></span>
</field>
</qp-fieldset>
If you need to put check boxes next to all controls, add the
qp-field tag inside the field tag. There is no
need to specify the class.
<qp-fieldset id="groupFields" view.bind="View1">
<field name="Field1">
<qp-field control-state.bind="View1.Override1"></qp-field>
</field>
<field name="Date">
<qp-field control-state.bind="View1.Override2"></qp-field>
</field>
<field name="Field3">
<qp-field control-state.bind="View1.Override3"></qp-field>
</field>
</qp-fieldset>
<qp-fieldset id="groupAgingSettings-ARStatementCycleRecord"
view.bind="ARStatementCycleRecord" Caption="Aging Settings">
<field name="UseFinPeriodForAging">
</field>
<field name="AgingPeriodsCaption" unbound>
<qp-label slot="label" caption="Aging Period (Days)">
</qp-label>
<qp-label caption="Description">
</qp-label>
</field>
<field name="AgeMsgCurrent">
<qp-label slot="label" caption="Current Period">
</qp-label>
</field>
<field name="AgeMsg00">
<div slot="label" class="no-label h-stack">
<qp-field
control-state.bind=
"ARStatementCycleRecord.Bucket01LowerInclusiveBound"
class="col-4">
</qp-field>
-
<qp-field
control-state.bind="ARStatementCycleRecord.AgeDays00"
class="col-4">
</qp-field>
</div>
</field>
<field name="AgeMsg01">
<div slot="label" class="no-label h-stack">
<qp-field
control-state.bind=
"ARStatementCycleRecord.Bucket02LowerInclusiveBound"
class="col-4">
</qp-field>
-
<qp-field
control-state.bind="ARStatementCycleRecord.AgeDays01"
class="col-4">
</qp-field>
</div>
</field>
<field name="AgeMsg02">
<div slot="label" class="no-label h-stack">
<qp-field
control-state.bind=
"ARStatementCycleRecord.Bucket03LowerInclusiveBound"
class="col-4">
</qp-field>
-
<qp-field
control-state.bind="ARStatementCycleRecord.AgeDays02"
class="col-4">
</qp-field>
</div>
</field>
<field name="AgeMsg03">
<div slot="label" class="no-label h-stack">
Over
<qp-field
control-state.bind=
"ARStatementCycleRecord.Bucket04LowerInclusiveBound"
class="col-4">
</qp-field>
</div>
</field>
<field name="AgeBasedOn">
</field>
</qp-fieldset>
<qp-fieldset id="RouteSelected_10"
view.bind="RouteSelected">
<field name="fake01" unbound replace-content>
<qp-label caption="Day of Week" class="col-3">
</qp-label>
<qp-label caption="Start Time" class="col-2">
</qp-label>
<qp-label caption="Nbr. Trips per Day" class="col-2">
</qp-label>
</field>
<field name="fake02" unbound replace-content>
<qp-field control-state.bind="RouteSelected.ActiveOnSunday"
no-label="true" config-enabled.bind="false" class="col-3">
</qp-field>
<qp-field
control-state.bind="RouteSelected.BeginTimeOnSunday_Time"
no-label="true" config-enabled.bind="false"
config-time-mode.bind="true" class="col-2">
</qp-field>
<qp-field control-state.bind="RouteSelected.NbrTripOnSunday"
no-label="true" config-enabled.bind="false" class="col-2">
</qp-field>
</field>
<field name="fake03" unbound replace-content>
<qp-field control-state.bind="RouteSelected.ActiveOnMonday"
no-label="true" config-enabled.bind="false" class="col-3">
</qp-field>
<qp-field
control-state.bind="RouteSelected.BeginTimeOnMonday_Time"
no-label="true" config-enabled.bind="false"
config-time-mode.bind="true" class="col-2">
</qp-field>
<qp-field control-state.bind="RouteSelected.NbrTripOnMonday"
no-label="true" config-enabled.bind="false" class="col-2">
</qp-field>
</field>
<field name="fake04" unbound replace-content>
<qp-field control-state.bind="RouteSelected.ActiveOnTuesday"
no-label="true" config-enabled.bind="false" class="col-3">
</qp-field>
<qp-field
control-state.bind="RouteSelected.BeginTimeOnTuesday_Time"
no-label="true" config-enabled.bind="false"
config-time-mode.bind="true" class="col-2">
</qp-field>
<qp-field control-state.bind="RouteSelected.NbrTripOnTuesday"
no-label="true" config-enabled.bind="false" class="col-2">
</qp-field>
</field>
<field name="fake05" unbound replace-content>
<qp-field control-state.bind="RouteSelected.ActiveOnWednesday"
no-label="true" config-enabled.bind="false" class="col-3">
</qp-field>
<qp-field
control-state.bind="RouteSelected.BeginTimeOnWednesday_Time"
no-label="true" config-enabled.bind="false"
config-time-mode.bind="true" class="col-2">
</qp-field>
<qp-field
control-state.bind="RouteSelected.NbrTripOnWednesday"
no-label="true" config-enabled.bind="false" class="col-2">
</qp-field>
</field>
<field name="fake06" unbound replace-content>
<qp-field control-state.bind="RouteSelected.ActiveOnThursday"
no-label="true" config-enabled.bind="false" class="col-3">
</qp-field>
<qp-field
control-state.bind="RouteSelected.BeginTimeOnThursday_Time"
no-label="true" config-enabled.bind="false"
config-time-mode.bind="true" class="col-2">
</qp-field>
<qp-field control-state.bind="RouteSelected.NbrTripOnThursday"
no-label="true" config-enabled.bind="false" class="col-2">
</qp-field>
</field>
<field name="fake07" unbound replace-content>
<qp-field control-state.bind="RouteSelected.ActiveOnFriday"
no-label="true" config-enabled.bind="false" class="col-3">
</qp-field>
<qp-field
control-state.bind="RouteSelected.BeginTimeOnFriday_Time"
no-label="true" config-enabled.bind="false"
config-time-mode.bind="true" class="col-2">
</qp-field>
<qp-field control-state.bind="RouteSelected.NbrTripOnFriday"
no-label="true" config-enabled.bind="false" class="col-2">
</qp-field>
</field>
<field name="fake08" unbound replace-content>
<qp-field control-state.bind="RouteSelected.ActiveOnSaturday"
no-label="true" config-enabled.bind="false" class="col-3">
</qp-field>
<qp-field
control-state.bind="RouteSelected.BeginTimeOnSaturday_Time"
no-label="true" config-enabled.bind="false"
config-time-mode.bind="true" class="col-2">
</qp-field>
<qp-field
control-state.bind="RouteSelected.NbrTripOnSaturday"
no-label="true" config-enabled.bind="false" class="col-2">
</qp-field>
</field>
</qp-fieldset>
