Popover
Last updated
Was this helpful?
Last updated
Was this helpful?
A Popover is a transient component that shows when the user clicks something with an On Click event handler, such as a Button. A Popover follows the rules of modality, which renders a temporary context to get the user’s attention. The Popover component is only an empty container, able to hold any other UI Component.
Add a dark overlay colour to the backdrop / background when the popover is open.
The point on the anchor component where the Popover will attach to.
The point on the Popover that will attach to the anchor component.
Run an action when the popover is closed. I.e. when having a popover open and you click outside it, the popover is closed and the On Close event handler is triggered.
You can place the Popover anywhere in the view, as long as it is not inside a hidden part of the UI. The Popover will open relative to the currently clicked component as an anchor when opened from an App. You may have several Buttons in a View, opening the same Popover when clicked.
The Popover is automatically opened in the UI Designer if a child component is selected in the Application Views section. You may also expand/collapse a Popover design time to reveal its content by clicking Expand/Collapse on the placeholder representing the design time placement of the Popover.
If you make a copy of your popover, a new popover is actually created, but with the same name. Please make sure to rename the copied popover and create new actions for opening or closing this new popover.
You may offset the placement of the Popover by setting the margin in the section.
The Popover is opened by using the Action Node
The Popover is closed by clicking outside of the popover when it's open or by using the Action Node.