Popovers
Use popovers for richer contextual help, including placement and trigger options.
Popovers are like tooltips, but can hold more content (title + body). In Wappler you enable a popover on an element, then configure its content and behavior from the Properties panel.
Popover example
Section titled “Popover example”This sample button is selected so you can explore popover settings.
Popover: Title
Section titled “Popover: Title”Use Title for the popover header. It can be plain text or a dynamic data binding.
Popover: Content
Section titled “Popover: Content”Use Content for the main popover text.
Popover: Trigger
Section titled “Popover: Trigger”Use Trigger to control how the popover opens (click, focus, hover, or manual).
Popover: Placement
Section titled “Popover: Placement”Use Placement to position the popover relative to the element.
Popover: Animation
Section titled “Popover: Animation”Use Animation to enable/disable the default Bootstrap animation.
Popover: Allow HTML
Section titled “Popover: Allow HTML”Use Allow HTML if your popover content includes HTML (use carefully; keep it readable).
Next steps
Section titled “Next steps”Continue with other Components tours or return to the Components menu.