Welcome to Agile Toolkit
Layout
LayoutsPanel
Basics
ViewButtonHeaderMessageLabelsMenuBreadcrumbColumnsGrid Layout
Form
Basics and LayoutingData IntegrationForm SectionsForm Multi-column layoutIntegration with ColumnsHTML LayoutConditional Fields
Form Controls
InputInput DecorationCheckboxesValue SelectorsLookupLookup DependencyDropdownFile UploadMulti LineTree SelectorQuery Builder
Data Collection
Actions - Integration ExamplesData table with formatted columnsAdvanced table examplesTable interractionsColumn MenusColumn FiltersGrid - Table+Bar+Search+PaginatorCrud - Full editing solutionCrud with Array PersistenceListerTable column decorator from modelDrag n Drop sorting
Interactive
TabsCardAccordionWizardVirtual PageModalLoaderConsoleDynamic scrollBackground PHP Jobs (SSE)Progress BarPop-upToastPaginator
Javascript
EventsElement ReloadingVue Integration
Others
Sticky GETMore StickyRecursive Views
Default view has no styling
just a <div> element
View can specify CSS class
Segment
View can contain stuff
Buy
$8.91
View can use JavaScript
View can have events
C
l
i
c
k
m
e
!
!
View load HTML from string or file
7
Flights
Can be rendered into HTML 
<div id="atk_layout_maestro_view_6" class="ui statistic">
    <div class="value">
      <i class="plane icon"></i> 7
    </div>
    <div class="label">
      Flights
    </div>
  </div>
Has a unique global identifier
Plane ID:
atk_layout_maestro_view_6
Can interract with JavaScript actions
Hide plane
Show plane
Jiggle plane
Reload plane
Can be on a Virtual Page
Show $plane in a dialog
All components extend View (even paginator)
Button
Header
Label
Message
Can have a custom render logic
Name
One
Two
Three