A flexible popup component for you to use in your canvas apps. Show 1 or 2 buttons, configurable text, size and methods for actioning button click actions.

Use cases; this can be used as an information popup, ‘record has been updated’, or delete confirmation, ‘Are you sure you want to delete’ etc.

Download the Pop Up component here!

(Note: The download is an app that you install to your PowerApps environment and copy the Pop Up component from. Just click the edit, trash or create account button to show different types of pop ups)

The pop-up is an incredibly helpful component. It is often used to confirm a user’s actions, for example, showing a confirmation pop-up before a user can submit a record to ensure they are performing the correct action and reduce mis-clicks.

When it comes to the properties and customisation of the pop-up component, there are a few changes the developer can make. They can change the size of the panel in the pop-up, the display mode of the buttons, the actions performed upon selection of the buttons, and the text displayed in the title and body of the pop-up. These are usually all utilised as the pop-up is something that has to be adapted to the needs in an app.

Properties of the pop up

v         pPanelWidth – The width of the panel in the pop up. Sometimes needs to be increased if there is a large amount of text to display.

v pPanelHeight – The height of the panel in the pop up. Sometimes needs to be increased if there is a large amount of text to display.

v pMessageTitle – The title text displayed at the top of the pop up, should relate to the text.

v pMessageBody – The text displayed in the body of the pop up. Usually used to notify the user of something important or confirm they want to submit a record etc..

v pOKButtonText – The text displayed on the button on the right. This button is used as the confirmation button.

v pCancelButtonText – The text displayed on the button on the left. This button is used as the cancel button.

v pOkButtonDisplayMode – The display mode of the button on the right. This is often used when a field is required before a user can submit a record, etc.. so that they cant click the submit button before they have completed it.

v pCancelButtonDisplayMode – The display mode of the button on the left. It can be useful similar to the previous property.

v pOkClicked – The behaviour that takes place on select of the button on the right. Normally used to submit a record and then hide the pop up after.

v pCancelClicked – The behaviour that takes place on select of the button on the left. Usually used to close the pop up and sometimes reset fields/ controls.

v pShowCancelButton – A boolean input defaulted to ‘True’ that determines whether or not the cancel button is shown.

v pShowConfirmButton – A boolean input defaulted to ‘True’ that determines whether or not the confirm button is shown.

To control when your pop up shows, set its ‘Visible’ property to a Boolean variable and update that Boolean variable to true or false respective of when you want to show or hide it.

Thanks for reading my post :). If you have any questions, please contact me at billy@digpacks.co.uk.