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
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 with Array Persistence
Lister
Table column decorator from model
Drag n Drop sorting
Data Action Executor
Executor Examples
Assign action to event
Assign action to button event
Execute from Grid
Execute from Crud
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.4-x - 5df90408
View Source
Dropdown sample:
Dropdown with data from Model
Afghanistan
Albania
Algeria
American Samoa
Andorra
Angola
Anguilla
Antarctica
Antigua and Barbuda
Argentina
Armenia
Aruba
Australia
Austria
Azerbaijan
Bahamas
Bahrain
Bangladesh
Barbados
Belarus
Belgium
Belize
Benin
Bermuda
Bhutan
Dropdown with data from Model
Afghanistan (AFG)
Albania (ALB)
Algeria (DZA)
American Samoa (ASM)
Andorra (AND)
Angola (AGO)
Anguilla (AIA)
Antarctica ()
Antigua and Barbuda (ATG)
Argentina (ARG)
Armenia (ARM)
Aruba (ABW)
Australia (AUS)
Austria (AUT)
Azerbaijan (AZE)
Bahamas (BHS)
Bahrain (BHR)
Bangladesh (BGD)
Barbados (BRB)
Belarus (BLR)
Belgium (BEL)
Belize (BLZ)
Benin (BEN)
Bermuda (BMU)
Bhutan (BTN)
Dropdown with data from Model
phpunit.xml
LICENSE
Makefile
tests
TemplateTest.php
template
semantic-ui
tree.html
element.html
button.html
icon.html
element.jade
tree.jade
icon.jade
button.jade
docs
index.rst
login.png
requirements.txt
crud2.png
images
folders.png
layout.png
menu.png
Makefile
Using Single Values
default
option1
option2
option3
Using values with default text
Choose an option
Choose an option
Default
Option 1
Option 2
Option 3
Using icon
Choose an icon
Choose an icon
Tag
Globe
Registered
File
Multiple selection
Choose has many options needed
Default
Option 1
Option 2
Save
Cascading Dropdown
Dropdown may also be used in a cascade manner.
Category Id
Condiments and Gravies
Beverages
Dairy
Sub Category Id
Product Id
Save