Welcome to Agile Toolkit
Layout
Layouts
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
Custom Layout
Conditional Fields
Input
Input Fields
Input Field Decoration
Checkboxes
Value Selectors
Lookup
Lookup Dependency
DropDown
File Upload
Multi Line
Tree Selector
Data Collection
Actions - Integration Examples
Data table with formatted columns
Advanced table examples
Table interractions
Column Menus
Column Filters
Grid - Table+Bar+Search+Paginator
CRUD - Full editing solution
CRUD with Array Persistence
Lister
Table column decorator from model
Drag n Drop sorting
Interactive
Tabs
Card
Accordion
Wizard
Virtual Page
Modal
Loader
Console
Dynamic scroll
Background PHP Jobs (SSE)
Progress Bar
Pop-up
Toast
Paginator
Javascript
Events
Element Reloading
Vue Integration
Others
Sticky GET
More Sticky
Recursive Views
Agile UI Demo v2.1.0
View Source
Accordion in Form
Column Section in Form
Name
ISO
ISO3
ISO Numeric Code
Phone Prefix
Save
Accordion Section in Form
Name
Section 1
ISO
ISO3
Section 2
ISO Numeric Code
Phone Prefix
Save
Tabs in Form
Name
Tab 1
Tab 2
In Group
ISO Numeric Code
Phone Prefix
Save
Color in form
This section in Red
Name
ISO
ISO3
ISO Numeric Code
Phone Prefix
Save