How-to Guides

Find step by step guides on how to accomplish common tasks in Wappler. You will learn how to quickly add any HTML element on you page, add margin or padding, duplicate elements and work with responsive images.

How-to Docs

• Adding App Connect
• Adding Bootstrap 4
• Adding Project Default Frameworks
• Working with Elements on your pages
• Adding Class or ID
• Applying Margin and Padding
• Inserting Common HTML Tags
• Applying Responsive Images
• Drag & Drop Elements
• Dynamic Attributes
• Defining and Using URL Parameters
• Formatting Dynamic Data for Client Side Display
• Using Font Awesome
• Using Font Awesome 5 Pro
• Show or Hide Elements Conditionally
• Show a Message when Query Returns No Results
• Show Total Number of Records from a Query
• Using Shortcut Keys for Dynamic Events
• Responsive Images with Lazy Load and srcset
• Vertical Navigation
• Sticky Navigation on Scroll
• Overlaying Text on Image
• Styling Bootstrap 4 Buttons
• Formatting Data in Dynamic Tables
• Set Table Row Background Color with Dynamic Value
• Show Confirmation Popup when Deleting Records
• Working with Current Date and Time
• Min/Max Years Relative to the Current Year
• Nested Repeat Regions
• Show Disabled Button with Spinner on Form Submit
• Push Footer to bottom of viewport
• Using App Connect with JavaScript Functions