The IU Framework now uses Rivet form styles. However, these styles must be incorporated into your individual sites.
Form components
What’s included
These form components are included in the CSS and JS for use in the Framework.
- Text inputs (including inline validation styles)
- Select element (including inline validation styles)
- Buttons
- Checkboxes
- Radio buttons
- File input
- Input group
- Page-level alerts
- Standalone inline alerts
What’s not included
These form components are not currently included in the CSS and JS for use in the Framework.
- Segmented buttons
- Intermediate state for checkboxes
- Anything else not listed
Applying Rivet styles
The following files need to be referenced on each page that has form components.
Step 1
Create page-specific CSS and JS blocks that reference these files.
Learn how to create page-specific CSS and JS blocksStep 2
Apply appropriate Rivet markup, CSS classes, and IDs to the form components in order to have Rivet styles take effect.
Step 3
Add a class of rvt-form
to the <form>
element.
Step 4
Publish your page.