Power Apps – Create a draggable object (horizontal)
4 steps
Introduction:
We will create a set up where an icon can be dragged and relocated horizontally.
Step 1:
Insert an icon (any icon) named Icon1. Change the following properties:
Width property
100
Height property
100
Step 2:
Insert a slider named Slider1. Change the following properties:
Max property
1366
HandleSize property
80
X property
0
Y property
287
Width property
1366
Height property
136
Step 3:
Select Icon1. Change the following properties:
Y property
305
X property
Slider1.Value-45
Step 4:
Select Slider1. Change the following properties:
ShowValue property
false
FocusedBorderThickness property
0
RailFill property
Color.Transparent
ValueFill property
Color.Transparent
HandleFill property
Color.Transparent
Conclusion:
To test, drag the airplane icon side by side. You see that the user is really dragging the slider but it is not seen because it is transparent.
Did this article help? Let us know how we can improve. Send us a message by clicking the “Contact Us” button below.
Article last updated on Mar 12, 2024
Need expert guidance on Power Apps?