Uploaded image for project: 'Fluid Infusion'
  1. Fluid Infusion
  2. FLUID-2766

Feature Request: Styles for typical form layouts

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: Major
    • Resolution: Won't Fix
    • Affects Version/s: 1.4
    • Fix Version/s: None
    • Component/s: FSS
    • Labels:
      None

      Description

      Forms typically have multiple rows of right-aligned labels to the left of one or more left-aligned controls. Much HTML and CSS (including our own) seem to use various shenanigans to get the labels to line up nicely with the controls. Sometimes tables are used in weird ways; sometimes <br/> tags are used to add spacing. Sometimes all of the left-side labels are grouped in a single <div> while all of the right-side controls are grouped in a single other <div> (whereas it would seem to make sense that a single left-side label should be grouped with its associated right-side controls) (at the time of writing, I see this in our UIOptions template).

      It would be really nice if the FSS had some styles that would make this layout super easy given straightforward, logical markup, such as
      <div class="fl-form-row">
      <div class="fl-form-row-label">Address:</div>
      <div class="fl-form-row-control"><textarea .../></div>
      </div>

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                anastasia Anastasia Cheetham
                Reporter:
                anastasia Anastasia Cheetham
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - 3d
                  3d
                  Remaining:
                  Remaining Estimate - 3d
                  3d
                  Logged:
                  Time Spent - Not Specified
                  Not Specified