Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

bordertrue

Page Tree
rootForms
startDepth2

 

 

 

Section
bordertrue
Panel
bgColorwhite
titleBGColor#5fe2fe
borderStylesolid
titlePattern: Forms

When to use this pattern


  • When a user needs to fill out a series of fields or other selection mechanisms to submit data.
Section
Column
width60%

Example

Image Modified

How It Looks

Image ModifiedMulti-select drop-down: CSS class ui-multiselect
Image ModifiedForm field: CSS class form-control
Column
width40%

How It Works

  • Form fields allow users to enter data for submission.
  • The type of data requested should dictate the type of form field (text entry, drop-down, date picker, etc.)
  • Form fields should contain visual cues for the user as to what type of input is expected.
  • JIRA
    serverKuali: Jira
    serverIdbe3acfec-fcc2-335b-8051-b2b053a39956
    keyUXI-132