01-22-2021 01:22 AM
Moved from Community App Samples Gallery.
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:
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:
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:
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,
Thanks @DavesTechTips. Gald you appreciate it... 😊
I'm working on a new component called the ShapeShadow which will allow to have rounded corners to rectangles as well as make shadows for circles or just vertical/horizontal lines...
It's almost ready and I should release it soon... Just a little more patience here... 😉
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?
Have you unabled one of these two options in your app's Screen size + orientation's settings?
Have you used formulas or fixed values to specify the position and size of the shadow box?