How-to Guides Index

Step-by-step tutorials for common Wappler tasks - from adding elements and styling pages to working with responsive images, dynamic data, and navigation.

Project Setup & Frameworks

• App Connect
• Default Frameworks

Visual Tooling

• Expression Builder

Working with Elements

• Working with Elements
• Class & ID
• Spacing (Margin & Padding)
• HTML Tags
• Responsive Images
• Lazy Load Images
• Drag & Drop
• Image Text Overlay
• Button Styling
• Vertical Navigation
• Sticky Navigation
• Sticky Footer

Dynamic Data & Attributes

• Dynamic Attributes
• URL Parameters
• Format Dynamic Data
• Table Data Formatting
• Dynamic Row Styling
• Nested Repeats
• Date & Time
• Year Limits

Conditional Display & Events

• Conditional Visibility
• Empty Query Message
• Record Count
• Delete Confirmation
• Dynamic Shortcut Keys
• Submit Spinner

Icons & Styling

• Font Awesome
• Font Awesome Pro

Advanced

• App Connect + JS