Working with Elements
A practical Wappler path for everyday page editing: insert tags, move elements, apply classes, control spacing, and keep responsive images sane.
Everyday Page Editing
Use this hub when you need the core page-editing skills in Wappler. Start with tags, movement, classes, spacing, and responsive images, then continue into layout or reactive pages.
Choose an editing skill
Section titled “Choose an editing skill”Start with the page-editing fundamentals, then branch into layout or reactive pages.
Recommended order
Common HTML Tags
Learn how common HTML tags fit into Wappler page building so structure stays intentional before styling and data binding begin.
Drag and Drop Elements
Use Wappler drag-and-drop editing deliberately so page structure stays clear while you move faster in Design view.
Class and ID Basics
Use classes and ids in Wappler with a clear separation between reusable styling hooks and one-off element targeting.
Spacing (margin & padding)
Use Bootstrap spacing utilities (margin/padding) to tune layout quickly and consistently.
Responsive Images
Keep images flexible in Wappler layouts by choosing sizing, responsiveness, and loading behavior that still fits modern page design.
Add App Connect to Your Pages
Understand when a page needs App Connect and how to introduce reactive behavior without turning a simple page into unnecessary complexity.
After this
Build your first page layout
A beginner-friendly path from Pages Manager to the HTML Editor and Bootstrap basics so you can build your first real page layout.
App Connect
Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.
Go to
How-To Guides
Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.
HTML Editor
Browse HTML Editor tours: Quick Overview, Design + Code, and Page Panels.
Wappler Docs Index
Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.