cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
CABIRD
Level: Powered On

Icon colour changes when selected

Objective user taps icon. Icon navigates to screen and changes colour for example from blue to grey. If user chooses a different icon the previous icon reverts back to default colour and the newly selected icon changes colour. If user submits data or refreshes the app icon colour reverts back to default. 

 

 

ShowMenu.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Thank you.

1 ACCEPTED SOLUTION

Accepted Solutions
Community Support Team
Community Support Team

Re: Icon colour changes when selected

Hi @CABIRD,

Do you want to change your icon color according to your operation?

Do you want to submit data in the submit page?

What’s more, PowerApps doesn’t support the function of refreshing app currently. You could only refresh data source.

I made a similar test according to your description as follows:

  • Set the home icon's property:

Color: If("home" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))          (on the Screen of home)

OnSelect: Navigate(Screen1,None);ClearCollect(context1,{name:"home"})                  (on other Screens)

  • Set the checklist icon's property:

Color: If("checklist" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))

OnSelect: Navigate(Screen2,None);ClearCollect(context1,{name:"checklist"})

  • Set the camera icon's property:

Color: If("camera" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))

OnSelect: Navigate(Screen3,None);ClearCollect(context1,{name:"camera"})

  • Set the submit icon's property:

Color: If("submit" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))

OnSelect: Navigate(Screen4,None);ClearCollect(context1,{name:"submit"})

  • Set the refresh icon's property:

OnSelect: Refresh(student_info);Clear(context1)

  • Set the submit button's property:

OnSelect: SubmitForm(Form1);Clear(context1)

 

test2_49 (2).png

 

 

 

 

Best regards,

Community Support Team _ Phoebe Liu

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

Re: Icon colour changes when selected

Hi @CABIRD,

Do you want to change your icon color according to your operation?

Do you want to submit data in the submit page?

What’s more, PowerApps doesn’t support the function of refreshing app currently. You could only refresh data source.

I made a similar test according to your description as follows:

  • Set the home icon's property:

Color: If("home" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))          (on the Screen of home)

OnSelect: Navigate(Screen1,None);ClearCollect(context1,{name:"home"})                  (on other Screens)

  • Set the checklist icon's property:

Color: If("checklist" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))

OnSelect: Navigate(Screen2,None);ClearCollect(context1,{name:"checklist"})

  • Set the camera icon's property:

Color: If("camera" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))

OnSelect: Navigate(Screen3,None);ClearCollect(context1,{name:"camera"})

  • Set the submit icon's property:

Color: If("submit" in context1.name,RGBA(166, 166, 166, 1),RGBA(0, 18, 107, 1))

OnSelect: Navigate(Screen4,None);ClearCollect(context1,{name:"submit"})

  • Set the refresh icon's property:

OnSelect: Refresh(student_info);Clear(context1)

  • Set the submit button's property:

OnSelect: SubmitForm(Form1);Clear(context1)

 

test2_49 (2).png

 

 

 

 

Best regards,

Community Support Team _ Phoebe Liu

Community Support Team _ Phoebe Liu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
CABIRD
Level: Powered On

Re: Icon colour changes when selected

Thank you. I really appreciate your help.

Helpful resources

Announcements
firstImage

Watch Sessions On Demand!

Continue your learning in our online communities.

SecondImage

PowerApps Monthly Community Call

Next Wednesday, September 18th at 8am PDT

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

FirstImage

Power Platform World Tour

Coming to a city near you

thirdimage

PowerApps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

FourthImage

Join PowerApps User Group!!

Connect, share, and learn with your peers year-round

SecondImage

Power Platform Summit North America

Register by September 5 to save $200

Top Kudoed Authors
Users Online
Currently online: 201 members 4,742 guests
Please welcome our newest community members: