Welcome to Agile Toolkit
Layout
Layouts
Sliding Panel
Basics
View
Button
Header
Message
Labels
Menu
Breadcrumb
Columns
Grid Layout
Form
Basics and Layouting
Data Integration
Form Sections
Form Multi-column layout
Integration with Columns
HTML Layout
Conditional Fields
Form Controls
Input
Input Decoration
Calendar
Checkboxes
Value Selectors
Lookup
Lookup Dependency
Dropdown
File Upload
Multi Line
Tree Selector
Scope Builder
Data Collection
Data table with formatted columns
Advanced table examples
Table interractions
Column Menus
Column Filters
Grid - Table+Bar+Search+Paginator
Crud - Full editing solution
Crud - /w Array Persistence
Card Deck - /w custom actions
Lister
Table column decorator from model
Data Action Executor
Executor Examples
Assign action to event
Assign action to button (Modal)
Assign action to button (Panel)
Assign action to button (V. Page)
Execute from Grid
Execute from Crud
Executor Factory
Interactive
Tabs
Card
Card Table
Accordion
Wizard
Virtual Page
Modal
Loader
Console
Dynamic scroll
Background PHP Jobs (SSE)
Progress Bar
Pop-up
Toast
Paginator
Drag sorting
Javascript
Events
Element Reloading
Vue Integration
Others
Sticky GET
More Sticky
Recursive Views
Agile UI Demo v5.3-dev - 39346372
View Source
Disabled and read only form controls (normal / read only / disabled)
Line
Password
Textarea
editable line2
read only line2
disabled line2
Checkbox
C Norm
C Read
C Disb
Dropdown
Tag
Globe
Registered
File
Tag
Globe
Registered
File
Tag
Globe
Registered
File
Radio
one
two
three
one
two
three
one
two
three
File upload
Lookup
Add New
Add New
Add New
Calendar
Save
Stand Alone Line
check value
Line in a Form
Title
Mr
Mrs
Miss
select one
Name
this is sample hint that escapes <html> characters
Surname
Click
here
Save
Multiple Form Layouts
Basic Info
Other Info
Name
Age
Save
onChange event
see in browser console
Calendar
Line
CheckBox
B1
Dropdown
Tag
Globe
Registered
File
Radio
Tag
Globe
Registered
File
Save