logo
    • Logout
  • image missing

    • JOSH
  • Dashboard
  • Typography
  • Content
    • Accordion
    • Alert
    • Apex Charts
    • Buttons
    • Cards
    • Calendar
    • Charts
    • Dropdown
    • Forms
    • Form Layouts
    • Form Examples
    • Progress Bar
    • Pagination
    • Icons
    • Tabs
    • Modals
  • Tables
    • Table
    • Advanced Data Table
    • TUI Grid Table
    • Simple DataTable
  • Pages
    • Form Elements-Select I
    • Form Elements-Select II
    • Advanced Form Elements
    • Toastr Notification
    • Advanced Alerts

Form Layout

  1. Content
  2. Form Layout

Horizontal Layout

A form control layout using row to create horizontal alignment.

Vertical Layout

A form control layout using flex to create verticle alignment.

Left Label Alignment

A form control layout using row with left label alignment.

Radios
Checkbox

Creating Button Dropdowns

  • Action
  • Another action
  • Something else here
  • Separated link
  • Action
  • Another action
  • Something else here
  • Separated link
  • Action
  • Another action
  • Something else here
  • Separated link
  • Action
  • Another action
  • Something else here
  • Separated link

Height Sizing of Input Groups



Grid sizing of Inputs, Textareas and Select Boxes



Static Form Control

harrypotter@mail.com

Multiple Addons

$ 0.00
$ 0.00
$ .00
.00

Form Columns Readonly

Personal

Address