logo
logo
    • Logout
  • image missing

    • CE ERP
  • Dashboard
  • Relation
    • Customers
    • Customer Categories
    • Suppliers
    • Supplier Categories
    • Addresses
  • Item Master
    • Assets
    • Services
    • Inventories
    • Inventory Galleries
    • Item Cost Prices
    • Item Sell Prices
    • Item Categories
  • Sales
    • Sales Orders
    • Sales Order Details
  • Invoice
    • Invoices
    • Invoice Items
  • Purchase
    • Purchase Requests
    • Purchase Orders
    • Purchase Order Item
  • Project
    • Projects
    • Project Types
  • Stock
    • Receiving(GRN)
    • Receiving(GRN) Detail
    • Inventory Stock
    • Inventory Transactions
    • MRF
      • M R Form
      • M R F Items
    • Stock Transactions
    • Transactions
    • Location Stores
  • Account
    • AR Report
    • AP Report
  • Setting
    • Staff
    • Roles
    • Role Users
    • Company Profiles
    • Toyyibpay Payment Gateways
    • Banks
    • System Settings
    • Vehicle Types
    • Uoms
    • Uom Converters
    • System Item Names
    • Currencies
    • Statuses
  • Project Progresses
  • Approval Items
  • Development
    • Crud Builder
    • Typography
    • Content
      • Alerts
      • Buttons
      • Cards
      • Dropdown
      • Forms
      • Form Layouts
      • Form Examples
      • Accordion
      • Progressbar
      • Pagination
      • Icons
      • Tabs
      • Modals
    • Tables
      • Table
      • Advanced Data Table
    • Pages
      • 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

Jenny

Kerry

Jenny321@example.com

Female

10.11.1980

321-333-5432

Address

1219 Quiet Subdivision

3536 Petunia Way

Canada

Canada

7987678

True