bbui-forms-s

This style can be applied to an INPUT field to set the width of the form field.

HTML for UI Model

<div id="#MAP#BBUITestsAddDataForm">
    <h2 id="#MAP#FORMHEADER_value"></h2>
    <table>
        <tr id="#MAP#FIELD1_container">
            <td>
                <label id="#MAP#FIELD1_caption" for="#MAP#FIELD1_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD1_value" type="text" class="bbui-forms-xxs" />
            </td>
        </tr>
        <tr id="#MAP#FIELD2_container">
            <td>
                <label id="#MAP#FIELD2_caption" for="#MAP#FIELD2_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD2_value" type="text" class="bbui-forms-xs" />
            </td>
        </tr>
        <tr id="#MAP#FIELD3_container">
            <td>
                <label id="#MAP#FIELD3_caption" for="#MAP#FIELD3_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD3_value" type="text" class="bbui-forms-s" />
            </td>
        </tr>
        <tr id="#MAP#FIELD4_container">
            <td>
                <label id="#MAP#FIELD4_caption" for="#MAP#FIELD4_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD4_value" type="text" />
            </td>
        </tr>
        <tr id="#MAP#FIELD5_container">
            <td>
                <label id="#MAP#FIELD5_caption" for="#MAP#FIELD5_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD5_value" type="text" class="bbui-forms-l" />
            </td>
        </tr>
    </table>
</div>

<div id="#MAP#BBUITestsAddDataForm" class="bbui-forms-s">

bbui-forms-xxs

bbui-forms-xs

bbui-forms-s

none

bbui-forms-l

<div id="#MAP#BBUITestsAddDataForm" class="bbui-forms-s">
    <h2 id="#MAP#FORMHEADER_value"></h2>
    <table>
        <tr id="#MAP#FIELD1_container">
            <td>
                <label id="#MAP#FIELD1_caption" for="#MAP#FIELD1_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD1_value" type="text" />
            </td>
        </tr>
        <tr id="#MAP#FIELD2_container">
            <td>
                <label id="#MAP#FIELD2_caption" for="#MAP#FIELD2_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD2_value" type="text" />
            </td>
        </tr>
        <tr id="#MAP#FIELD3_container" class="bbui-forms-anchor-bottom">
            <td>
                <label id="#MAP#FIELD3_caption" for="#MAP#FIELD3_value"></label>
            </td>
            <td>
                <input id="#MAP#FIELD3_value" type="text" />
            </td>
        </tr>
    </table>
</div>

    <common:FormFields>
      <common:FormField FieldID="FIELD1" Caption="Field 1" DataType="String" MaxLength="10" />
      <common:FormField FieldID="FIELD2" Caption="Field 2" DataType="String" MaxLength="20" />
      <common:FormField FieldID="FIELD3" Caption="Field 3" />
    </common:FormFields>