Moved from Community App Samples Gallery.
Hello all,
Here is a PowerApps component that will allow you to add nice good-looking shadow effects in your applications:
Other samples with labels and icons controls placed in the foreground:
With a text input box in the foreground:
This component, called the ShadowBox component, allows you to render a rectangle shadow. The shadow is fully customizable thanks to the following properties of the component:
- ShadowOffsetX (number)
- ShadowOffsetY (number)
- ShadowBlur (number)
- ShadowColor (string)
- ShadowOpacity (number)
Using positive values for the ShadowOffsetX and ShadowOffsetY properties will drop the shadow in the lower-right corner of the box. Using negative values will drop the shadow in the upper-left corner of the box.
Appart from customizing the shadow, you can also define the box's properties with the following parameters:
- BoxFill (string)
- BoxOpacity (number)
- BoxBorderWidth (number)
- BoxBorderColor (string)
And last but not least, you can activate and customize a colouring edge that will be displayed inside the box, thanks to the following properties:
- ShowEdge (boolean)
- EdgePosition (text) = values can be top, right, bottom, left
- EdgeWidth (number)
- EdgePadding (number)
- EdgeColor (string)
I hope you'll like this component and that it will help you create nice applications...
You can download the component and see more details right here: https://github.com/e-gallis/PowerApps
See you all,
Emmanuel
Love this component use it a lot thanks so much. But just noticed a little issue I'm having. On preview mode it looks fine but when I published (checked chrome and Edge) it's completely off position wise? see both screen shots below.. any ideas?
