Showing or hding a data card onclick

(0) Share

Report

Posted on by sutekh

509

Afternoon all

I'm getting back into the swing of PowerApps. A very basic question which I once knew...

I have a form with a number of fields. Once the user has filled in the first set of fields I want them to click the 'Next' button to make them visible but for the life of me I can't remember what the formula is? Of course before the 'Next' button is pressed the first set of fields are visible if that makes sense?

Categories:

Building Power Apps

I have the same question (0)

All responses (10)

Answers (3)

Sort by

Verified answer

mdevaney 29,991 Moderator on at

Like
a
(2)

Report
Copy link

Link copied!
Are you trying to create a 'multi-page' form effect when the next button is clicked which will hide some fields and show others?

I'd suggest this code in the OnVisible property of your screen

Set(currentPage,1)

Put this code in the OnSelect property of the button

Set(currentPage, 2)

You also wish to make a goto previous screen button with this OnSelect code.

Set(currentPage, 1)

For any inputs you want to show on Page1 put this code in the Visible property.

currentPage=1

For any inputs you want to show on Page2 put this code in the Visible property.

currentPage=2

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

@darrenfloyd666

Was this reply helpful? Yes No
sutekh 509 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks @mdevaney that was just the ticket. That's the solution I'd used before but just couldn't remember it!

Was this reply helpful? Yes No
sutekh 509 on at

Like
a
(0)

Report
Copy link

Link copied!

Just another question @mdevaney what's the best method for a 3rd and possibly 4th page?

Was this reply helpful? Yes No
Verified answer

mdevaney 29,991 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!
@darrenfloyd666

Same concept here. Every datacard/control should have one of these in the Visible property

currentPage=1
currentPage=2
currentPage=3
currentPage=4

Your Next button should have this code in the OnSelect

If(currentPage<=3, Set(currentPage, currentPage+1))

And this code in the OnVisible

!(currentPage=4)

Your button to show previous should have this code in OnSelect

If(currentPage>=1, Set(currentPage, currentPage-1))

And this code in the OnVisible

!(currentPage=1)

If this code works well for you it might be a good idea to add it as a 2nd solution so everyone can benefit.

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

Was this reply helpful? Yes No
sutekh 509 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks @mdevaney worked liked a dream!

Was this reply helpful? Yes No
sutekh 509 on at

Like
a
(0)

Report
Copy link

Link copied!

@mdevaneyquick question. Using the If(currentPage<=3, Set(currentPage, currentPage+1))

How would I hide the Next Button when I get to Page 3/the submission page?

Thanks

Was this reply helpful? Yes No
mdevaney 29,991 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

@Anonymous
Put this code in the Visible property of the next button:

!(currentPage=3)

—-
Please Accept as Solution if this post answered your question so others may find it more quickly. If you found this post helpful consider giving it a Thumbs Up.

Was this reply helpful? Yes No
sutekh 509 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks do would it be:

If!(currentPage=3, Set(currentPage, currentPage+1))

or would it be just the 'if'

I need it to appear on 'page' 1 and 2

Was this reply helpful? Yes No
Verified answer

mdevaney 29,991 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!
@darrenfloyd666

Nope, if you want to hide the button its literally just this code. No IF statement needed since it evaluates to true/false.

!(currentPage=3)

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

Was this reply helpful? Yes No
Linda_M 3 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi
I have followed the above steps and its working!! thank you, However, i am now formatting my "pages" and becoming unstuck. I have set the columns to 3 and most fields are sitting where i would like them, but a few of them i am unable to move to the correct location.

Was this reply helpful? Yes No