Open/close popover

Open popover

The Open Popover Action Node is used to open a specific Popover defined in your User Interface. The Popover UI Component must be placed inside the same View/Dialog where the action containing Open Popover is triggered from.

Open Popover has a Position setting. The default is Infer from event. This will open the selected Popover positioned relatively to the clicked component, for example, a Button, following the Anchor Origin setting on the Popover component.

You may also set Position to Custom. This will open the Popover relative to the top-left corner of the viewport (the visible view), at a given number of pixels from top-left. This will happen regardless of where you have put your Popover UI Component in the UI Editor.

All Popovers in the App will be visible in the dropdown menu on the Popover property in the Action Node setup.

Note: If you try to open a Popover that is not visible in the current View, nothing will happen. This happens when the Popover is located in another View, or it is placed within a Container or Visibility Group with a visibility condition currently evaluating to false.

When using multiple Popovers in your App, it is important to give a unique Name to the Popover UI Components, in order to be able to select the correct Popover using the Open Popover Action Node.

An example setup of Open Popover is showcased in our Showroom! You may view a demo, as well as access the setup in Appfarm Create. If you do not have access, you may register here.

Close popover

The Close Popover Action Node will close the selected Popover. The Close Popover Action Node is typically used to close the popover when a user clicks a button inside the popover to perform an action.

All Popovers in the App will be visible in the dropdown menu on the Popover property in the Action Node setup.

Popovers are also closed when clicking outside of the popover when open.

An example setup of Open/Close Popover is showcased in our Showroom! You may view a demo, as well as access the setup in Appfarm Create. If you do not have access, you may register here.