Layout

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 Card Deck Lister Table column decorator from model

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 Drag n Drop sorting

Javascript

Events Element Reloading Vue Integration

Others

Sticky GET More Sticky Recursive Views

Agile UI Demo v2.4-x - 5dfe7d21

View Source

Card Model

Card Deck
Card can be display in a deck, also using model action.

Request Info

Afghanistan

$ 1,202

AF - AFG

Albania

$ 760

AL - ALB

Algeria

$ 547

DZ - DZA

American Samoa

$ 840

AS - ASM

Andorra

$ 1,094

AD - AND

Angola

$ 725

AO - AGO

Anguilla

$ 1,101

AI - AIA

Antarctica

$ 1,084

Antigua and Barbuda

$ 627

AG - ATG

1 2 3 4 5 6 7 8 9

...

Made with Agile Toolkit v2.4-x - 5dfe7d21

Book Atk 4 Ui Demos Country

Book

Request Info Atk 4 Ui Demos Country

Request Info

Card Deck Card can be display in a deck, also using model action.

Card Deck
Card can be display in a deck, also using model action.