Skip to main content

Notifications

Bubble Helper

R3dKap Profile Picture Posted by R3dKap 1,594

The BubbleHelper component will help you set up chaining bubbles on your canvas Power Apps screens to help your users understand how your application works:

BubbleHelper.png

Every aspect of the bubble can be customized:

  • the title
  • the text content
  • the visibility and values of the steps shown above the title
  • the visibility of the 'X' icon used to close the bubble
  • the width of the bubble
  • the text, fill and border colors
  • the overall text size
  • the inner padding of the bubble
  • the visibility, label and width of the Next and Previous buttons
  • the size, location (top, right, bottom, left) and position of the bubble's pointer
  • the shadow
  • etc.

The BubbleHelper component comes with a BubbleSteps component that will let you define the steps the bubble will go through when clicking on the Next and Previous buttons.

These 2 components are provided to you within a small app that will let you play around with the various properties of the BubbleHelper component as well as detail to you how to use and configure the components to implement them in your own applications:

BubbleHelper2.gif

 

This app is provided with two languages: English (EN) and French (FR).

 

🔗 Here is the link to download the app: https://github.com/e-gallis/PowerApps/blob/master/Components/BubbleHelper/readme.md

 

Download and have fun! 🤗

Categories:

Samples

Comments

*This post is locked for comments