cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Dishen
Advocate III
Advocate III

Rectangle should have moment when we click on the microphone

Rectangle should have moment when we click on the microphone and after that i have to see the check icon.

Sharing the image below.

Dishen_0-1625815257601.png

 

7 REPLIES 7
CNT
Community Champion
Community Champion

@Dishen In the OnSelect of the Microphone, set this (change the X and Y values as you like), UpdateContext({rectangleX:100}); UpdateContext({rectangleY:100})

Set the X property of the Rectangle to, rectangleX

Set the Y property of the Rectangle to, rectangleY

Dishen
Advocate III
Advocate III

Am not clear with the provided solution, Can you please elaborate it please

CNT
Community Champion
Community Champion

@Dishen You can move a component in PowerApps by setting its X and Y properties. To set these values you need to use variables. That's what my solution does.

In the OnSelect property of the Microphone icon/button, set this formula (change the number 100 to any value as you like),

UpdateContext({rectangleX:100}); UpdateContext({rectangleY:100})

Set this formula in the X property of the Rectangle,

rectangleX

Set this formula in the Y property of the Rectangle,

rectangleY
Dishen
Advocate III
Advocate III

Dishen_0-1625822100227.png

I need something like above picture, I mean when microphone got clicked it the rectangle should move front and back and after that we will be able to see check icon

Dishen
Advocate III
Advocate III

Am still waiting for the reply

CNT
Community Champion
Community Champion

@Dishen You original picture and description does not match what you want now. Anyway, it's not about moving a rectangle but you want a progress bar. There is no built in component for that.

You can either use one from the component gallery, https://powerusers.microsoft.com/t5/Canvas-Apps-Components-Samples/Circle-progress-indicator/m-p/335...

 

Or, make your own, https://www.youtube.com/watch?v=t4ze8VnGuOk

 

Please remember to give a 👍 and accept the solution as it will help others in the future.

Dishen
Advocate III
Advocate III

Its a kind of progress bar, but its not

Because for example in some exams if we want to test the microphone there will be a rectangle, when we speak in a low voice the rectangle will not be full and if we speak loud, that will reach to end

Dishen_0-1626066614014.png

 

 

So to my requirement progress bar will not suit

Helpful resources

Announcements
PA_User Group Leader_768x460.jpg

Manage your user group events

Check out the News & Announcements to learn more.

Power Query PA Forum 768x460.png

Check it out!

Did you know that you can visit the Power Query Forum in Power BI and now Power Apps

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

R2 (Green) 768 x 460px.png

Microsoft Dynamics 365 & Power Platform User Professionals

DynamicsCon is a FREE, 4 half-day virtual learning experience for 11,000+ Microsoft Business Application users and professionals.

Users online (2,311)