Agile UI Documentation

Contents:

• Overview of Agile UI
  • Agile UI Design Goals
    • 1. Out of the box experience
    • 2. Compact and easy to integrate
    • 3. Compatible with RestAPI
    • 4. Deploy and Scale
    • 5. High-level Solution
      • Overview Example
    • Best use of Agile UI
  • Component
    • Using Components
    • Factory
    • Templates
    • Layouts
  • Advanced techniques
    • Non-PHP dependencies
    • Events and Actions
    • Callbacks
    • Virtual Pages
    • Extending with Add-ons
  • Using Agile UI
    • Learning Agile Toolkit
    • Application Tutorials
    • Education
    • Commercial Project Strategy
  • Things Agile UI simplifies
    • Database abstraction
    • Cloud deployment
  • Hosted Demo showing many functions
  • Local Demo/Sandpit
    • Setup the demo
    • Setup database with example data
• Quickstart
  • Requirements
  • Installing
  • Coding “Hello, World”
  • Using namespaces
  • Data Persistence
  • Data Model
  • Instantiate App using DiContainerTrait (Dependency Injection)
  • Form and Crud Components
  • Grid and Crud
  • Conclusion
• Core Concepts
  • App
    • Purpose of App class
      • Using App for Injecting Dependencies
      • Using App for Injecting Behavior
      • Using App as Initializer Object
      • Quick Usage and Page pattern
      • Clean-up and simplification
      • Exception handling
      • Integration with other Frameworks
      • Loading Templates for Views
    • Utilities by App
      • Sticky GET Arguments
      • Redirects
      • Database Connection
      • Execution Termination
      • Execution state
      • Links
      • Includes
      • Hooks
    • Application and Layout
      • Adding the App
      • Adding the Layout
      • Admin Layout
      • Integration with Legacy Apps
      • 3rd party Layouts
  • Seed
    • Purpose of the Seed
      • Growing Seed
      • Seed, Object and Render Tree
    • Seed Components
      • Alternative ways to use Seed
      • Additional cases
  • Render Tree
    • Introduction
    • Initialization
    • Late initialization
    • Rendering outside
    • Unique Name
  • Sticky GET
    • Introduction
      • Global vs Local Sticky GET
      • View Reachability
      • Dropping sticky argument
  • Type Presentation
    • Formatters vs Decorators
    • Extending Data Types
    • Manually Specifying Decorators
    • Examples
      • Display password in plain-text for Admin
      • Hide account_number in specific Table
      • Create a decorator for hiding credit card number
      • Display credit card number with spaces
  • Templates
    • Introduction
    • Example Template
      • Tags
      • Regions
      • Usage in Agile UI
    • Detailed Template Manipulation
      • Template Loading
      • Template Parsing
      • Manually template usage pattern
      • Template use together with Views
    • Using Template Engine directly
      • Loading template
      • Changing template contents
      • Rendering template
      • Template cloning
      • Other operations with tags
      • Repeating tags
      • Conditional tags
    • Views and Templates
      • Default template for a view
      • Redefining template for view during adding
      • Accessing view’s template
      • How views render themselves
    • Best Practices with Views
      • Don’t use Template Engine without Views
      • Organize templates into directories
      • Naming of tags
    • Globally Recognized Tags
  • Agile Data
    • Integration
    • Static Data Arrays
    • Raw SQL Queries
  • Callbacks
    • Callback Introduction
    • The Callback class
    • Callback Triggering
    • Return value of set()
    • CallbackLater
    • JsCallback
      • User Confirmation
      • JavaScript arguments
      • Referring to event origin
  • VirtualPage
    • VirtualPage Introduction
      • Output Modes
      • Setting Callback
    • Loader
      • Triggering Loader
      • Reloading
      • Inline Editing Example
      • Progress Bar
  • Documentation is coming soon.
• File structure example & first app
  • File structure example
  • Composer configuration
    • What does that mean?
    • Why “public_html”?
  • Create your application
    • Create db.php for database
    • Create init.php, index.php and / or admin.php files
    • Load Composer autoload.php (which loads up atk4) in init.php
    • Initialize the app class in init.php
    • Create index.php and admin.php
  • Create your own classes
  • Load your class in index.php
• Components
  • Core Components
    • Views
      • Initializing Render Tree
      • Use of $app property and Dependency Injeciton
      • Integration with Agile Data
      • UI Role and Classes
      • Special-purpose properties
      • Rendering of a Tree
      • Modifying rendering logic
      • Unique ID tag
      • Reloading a View
      • Modifying Basic Elements
      • Rest of yet-to-document/implement methods and properties
    • Lister
      • Basic Usage
      • Tweaking the output
      • Model vs Static Source
      • Special template tags
      • Load page content dynamically when scrolling
      • Using without Template
    • Table
      • Basic Usage
      • Calculations
      • Table sorting
      • Table Data Handling
      • Dealing with Multiple decorators
      • Advanced Usage
      • Column attributes and classes
    • File Upload
      • Attributes
      • Callbacks
      • UploadImage
    • Table Column Decorators
      • Generic Column Decorator
      • Column Menus and Popups
      • Decorators for data types
      • Interactive Decorators
  • Simple components
    • Button
      • Button Icon
      • Button Bar
      • Linking
      • Complex Buttons
    • Label
      • Basic Usage
      • Icons
      • Image
      • Detail
      • Groups
      • Combining classes
      • Added labels into Table
    • Text
      • Basic Usage
      • Paragraphs
      • HTML escaping
      • Usage
      • Limitations
    • LoremIpsum
      • Basic Usage
      • Resizing
    • Header
      • Basic Usage
      • Attributes
      • Icon and Image
    • Breadcrumb
      • Basic Usage
      • Changing Divider
      • Working with Path
    • Icon
      • Using on other Components
      • Groups
      • Icon in Your Component
    • Image
      • Basic Usage
      • Specify classes
    • Message
      • Basic Usage
      • Adding message text
      • Message Icon
    • Tabs
      • Basic Usage
      • Dynamic Tabs
      • URL Tabs
    • Accordion
      • Basic Usage
      • Dynamic Accordion Section
      • Controlling Accordion Section via Javascript
      • Accordion Module settings
    • HelloWorld
      • Basic Usage
  • Interactive components
    • Console
      • Basic Usage
      • Using With Object
      • Executing Commands
    • ProgressBar
      • Basic Usage
      • Updating Progress in RealTime
    • Popup
    • Wizard
      • Basic Usage
      • Properties
      • Step Tracking
      • Code Placement
      • Navigation
      • WizardStep
    • Right Panel
      • Basic Usage
    • Data Action Executor
      • Executor Interface
      • Basic Executor
      • Preview Executor
      • Form Executor
      • Argument Form Executor
      • JS Callaback Executor
      • Modal Executor
      • Confirmation Executor
      • Executor HOOK_AFTER_EXECUTE
      • The Executor Factory
      • Model UserAction assignment to View
  • Composite components
    • Crud
      • Using Crud
      • Disabling Actions
      • Specifying Fields (for different views)
      • Custom Form Behavior
      • Changing titles
      • Notification
    • Grid
      • Using Grid
      • Adding Menu Items
      • Adding Quick Search
      • Paginator
      • Actions
      • Column Menus
      • Selection
      • Sorting
      • Advanced Usage
    • Forms
      • Basic Usage
      • Layout and Form Controls
      • Adding Controls
      • Not-Nullable and Required Fields
      • Conditional Form
    • Paginator
      • Adding and Using
      • Range and Logic
      • Template
      • Dynamic Reloading
    • Columns
      • Rows
      • Responsiveness and Performance
• JavaScript Mapping
  • Introduction
    • Actions
    • Events
    • Extending
    • Including JS/CSS
  • Building actions with JsExpressionable
    • JavaScript Chain Building
    • View to JS integration
  • JsExpression
    • Template of JsExpression
    • Writing JavaScript code
  • Modals
    • Modal
    • JsModal
  • Reloading
    • Modals and reloading
  • Background Tasks
    • Server Sent Event (JsSse)
• Advanced Topics
  • Agile Data
  • Interface Stability
  • Testing and Enterprise Use
    • Unit Tests
    • Business Logic Unit Tests
    • Integration Database Tests
    • Component Tests
    • User Testing

Indices and tables

• Index

• Search Page