Welcome to Agile Toolkit
Layout
LayoutsSliding Panel
Basics
ViewButtonHeaderMessageLabelsMenuBreadcrumbColumnsGrid Layout
Form
Basics and LayoutingData IntegrationForm SectionsForm Multi-column layoutIntegration with ColumnsHTML LayoutConditional Fields
Form Controls
InputInput DecorationCalendarCheckboxesValue SelectorsLookupLookup DependencyDropdownFile UploadMulti LineTree SelectorScope Builder
Data Collection
Data table with formatted columnsAdvanced table examplesTable interractionsColumn MenusColumn FiltersGrid - Table+Bar+Search+PaginatorCrud - Full editing solutionCrud - /w Array PersistenceCard Deck - /w custom actionsListerTable column decorator from model
Data Action Executor
Executor ExamplesAssign action to eventAssign action to button (Modal)Assign action to button (Panel)Assign action to button (V. Page)Execute from GridExecute from CrudExecutor Factory
Interactive
TabsCardAccordionWizardVirtual PageModalLoaderConsoleDynamic scrollBackground PHP Jobs (SSE)Progress BarPop-upToastPaginatorDrag sorting
Javascript
EventsElement ReloadingVue Integration
Others
Sticky GETMore StickyRecursive Views
Table column
Table column decorator can be set from your model.
Name
Value Not Always Present
Key Value
Key Value String
Interests
Rating
name 1 no value 1st val1st val
1st label
2nd label
1.15
name 2 no value 4th val4th val
1st label
2nd label
2.45
name 3have value2nd val2nd val
1st label
2nd label
1.9
name 4have value3rd val3rd val
1st label
2nd label
1.93
name 5 no value 2nd val2nd val
1st label
2nd label
1.86
name 6 no value 4th val4th val
1st label
2nd label
2.19
name 7have value4th val4th val
1st label
2nd label
1.83
name 8have value4th val4th val
1st label
2nd label
2.22
name 9 no value 2nd val2nd val
1st label
2nd label
2.27
name 10have value2nd val2nd val
1st label
2nd label
2.44