how do i collapse a button in a gallery

(0) Share

Report

Posted on by Jupyter123

403

check out that above image

whenever i click other buttons below, the previous one gets collapsed

but when i click the first button, it is not getting collapsed

So, what i want is, whenever i click on a exisiting button, that existing button should get collapsed

if i click "what is covid 19" button, then the exisiting button should be collapsed

hope my question is clear 🙂

Categories:

Building Power Apps

All responses (4)

Answers (1)

Sort by

Verified answer

v-xiaochen-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Jupyter123 ,

I made a sample for you:

This is the data source, including Title and a text column.

Create the following gallery.

Here is the property 'OnSelect' of the control 'expend'.

UpdateContext({expandCollapse:true})

Below is the property 'Visible' of the control 'expend'

Not(expandCollapse && ThisItem.IsSelected)

Here is the property 'OnSelect' of the control ‘collaspe'

UpdateContext({expandCollapse:false})

Below is the property 'Visible' of the control 'collaspe'

expandCollapse && ThisItem.IsSelected

Set the height of the control ‘Description’.

If(expandCollapse && ThisItem.IsSelected,100,0)

Click the 'Collapse' or 'Expand' button and the current item will be collapsed or expanded.

Best Regards,

Wearsky
Jupyter123 403 on at

Like
a
(0)

Report
Copy link

Link copied!

@v-xiaochen-msft perfect solution , it works but if the user clicks the icon then it gets expanded but sometimes the user clicks the button (title) , so in that case it should get expanded or collapsed..
how to do this one?
v-xiaochen-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Jupyter123 ,

You can add two buttons with the same ‘OnSelect’ and ‘Visible’ as icon.

I made a sample for you.

Add two button to the gallery.

The button 'collaspebutton' and the icon 'collaspe' use the same formula.

Visible = expandCollapse && ThisItem.IsSelected

OnSelect = UpdateContext({expandCollapse:false})

The button 'expandbutton' and the icon 'expand' use the same formula.

Visible = Not(expandCollapse && ThisItem.IsSelected)

OnSelect = UpdateContext({expandCollapse:true})

Best Regards,

Wearsky
Jupyter123 403 on at

Like
a
(0)

Report
Copy link

Link copied!

@v-xiaochen-msft why do i need 2 buttons? one button is parent of other buttons
In button, text property, i am having ThisItem.Title and in text label I am having ThisItem.Description.
So the number of 'title' that i am having in sharepoint will create that many number of buttons . So one button is the parent of other buttons. In this case, how to do this?