12-30-2019 06:02 AM - last edited 05-16-2022 12:15 PM
16-may-2022 update: added an application made by @eddiel to generate the code for a shadow (check out explanations below)
Hello all,
Here is version 2.0 for one of my first Power Apps components which will allow you to add nice good-looking shadow effects in your applications:
This component, called the ShadowBox, allows you to render a rectangle shadow. The shadow is fully customizable and the corners of the inner box can be rounded (to the point that it renders a full-circle shadow).
For this new version of the component, properties have been regrouped:
All details about the component and its properties, along with important notes, can be found here: https://github.com/e-gallis/PowerApps/tree/master/Components/ShadowBox
To download the component: https://github.com/e-gallis/PowerApps/blob/master/Components/ShadowBox/ShadowBox.msapp
I hope you'll like this component and that it will help you create nice applications...
EDIT - 16-may-2022 - @eddiel has made a little application with a nice UI to allow you to generate the code for a shadow and just copy/paste it to your image control:
The application is attached to this post and can be downloaded below. Thanks for this @eddiel... 😉
See you all,
Emmanuel
I am not even close to it. Can you please explain how to add this component in my powerapp?
html base component
1. Shadow box
2. Background Color Change
3.Graident Color, Gradient Direction, Gradient Color Input
4.Border , Border Type, Border Color, Border Width
5.Border Radius with all Separate Corner Value
6.Margin property with all 4 separate view
7.Shadow property with Shadow color , X and Y Value, blur & spread
8.Button - Shadow Box Turn to html Base Button with all Shadow Box Properties
Download Link:-
https://aman-kumar.com/powerapps-shadow-effect/
Hi @R3dKap . Thank you very much for this great tool.
I have just a small question?
I have been trying to add the component inside a form and for some reason I can't copy/paste or insert\component.
Any idea what could be the issue?
Again, thank you very much!
🙂
I'm not sure you can use components in a form (known limitation).
The work around would be to download the app I created, which includes a code generate to create an image for the drop box, rather than use a component.
See original post - and download the app - see below for link screenshot. Let me know if that works. Its not too complicated. Just use the app and follow the instructions in the app.
Thank you very much for your prompt response. I will check.
Hi @gaurav_gupta1,
Sorry for the delay... Were you able to add the component to your app?