cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
abd3127
Kudo Kingpin
Kudo Kingpin

Hiding a label under a expandable side bar

Hello ,

I am creating a app in which there is a side bar which can expand when i click on the button on side bar.

And i am having a label besides the side bar .The side bar works fine as i have set some properties for side bar.

But when sde bar expands i am still able to see my label.

What i want is that when the side bar expands ,the label should hide behind the side bar (Side bar is a recatangle).

 

Iamges:1.Side bar and label22.JPG

2.When side bar expands  11.JPG

 I want the label "Text " to hide behind the Side bar (Rectangle).

 

Thanks in advance!!

2 REPLIES 2
v-xida-msft
Community Support
Community Support

Hi @abd3127,

 

How do you expand the side bar within your PowerApps app?

I have made a test on my side and please take a try with the following workaround:

  • Select Screen 1, set OnVisible property to following formula:
UpdateContext({isClicked:false})
  • Add a Rectangle control and icon control in Screen 1, both OnSelect property of them are set to following formula:
UpdateContext({isClicked:!isClicked})

 

Width property of Rectangle control set to following formula:

If(isClicked=true,444,111)
  • Add a Label control in Screen 1, Text property set to Text, Set Visible property to following formula:
If(isClicked=true,false,true)

 

The image reference:15.JPG

After Click on “Rectangle” control:16.JPG

 

 

 

Best regards,

Kris

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

@v-xida-msft yeah thats how i am expanding my side bar menu and its working now,

Thanks for the solution.Smiley Happy

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Power Platform Call June 2022 768x460.png

Power Platform Community Call

Join us for the next call on June 15, 2022 at 8am PDT.

PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

PA.JPG

New Release Planning Portal (Preview)

Check out our new release planning portal, an interactive way to plan and prepare for upcoming features in Power Platform.

Top Solution Authors
Top Kudoed Authors
Users online (4,293)