cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
New Member

User Configuration Screen - Allow them to change colours

I have built an app which has various screens and many design elements including text, buttons, headers and so on. I'd like to create a 'Settings' screen where the end user has the option to change the colours/theme of the text, buttons and headers. I can't seem to work out how to achieve this.

 

Basically, the settings screen should have something where the user can click to change the colour of ALL buttons in the app to perhaps a selection of colours. Or ALL text in the app, and so on. Is this possible and how would I go about it?

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Community Support
Community Support

Re: User Configuration Screen - Allow them to change colours

Hi @PwrApps ,

Do you want the user change the color of all text, all control when running the app?

Yes, this is possible.

However, there's no directly settings about changing  the color of all text, all control.

You need to set all the controls one by one that you want to change color.

What's more, you need to distinguish two properties:
Fill: the background color of the control

Color: the text color of the control

 

I've made a similar test for your reference:

1)insert two labels for user to choose color

set label1's Text:

"green"

set label2's Text:

"red"

 set label1's OnSelect:

Set(colorvalue,Green)

set label2's OnSelect:

Set(colorvalue,Red)

2)insert some buttons

If you want to change the button's background's color, you should set like this:
button1's Fill,button2's Fill,button3's Fill,button4's Fill,button5's Fill,....

colorvalue

 If you want to change the button's text 's color, you should set like this:
button1's Color,button2's Color,button3's Color,button4's Color,button5's Color,....

colorvalue

 

 

Then if you choose label for green, all the buttons color will change to green.

If you choose label for red, all the buttons color will change to red.

 

 

Best regards,

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.

View solution in original post

2 REPLIES 2
Highlighted
Community Champion
Community Champion

Re: User Configuration Screen - Allow them to change colours

Follow these procedure iam Man Cat
https://powerusers.microsoft.com/t5/Community-App-Samples/Branding-Template-App-V2/td-p/363582

 

https://www.youtube.com/watch?v=iYPDM9_iWjk

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Highlighted
Community Support
Community Support

Re: User Configuration Screen - Allow them to change colours

Hi @PwrApps ,

Do you want the user change the color of all text, all control when running the app?

Yes, this is possible.

However, there's no directly settings about changing  the color of all text, all control.

You need to set all the controls one by one that you want to change color.

What's more, you need to distinguish two properties:
Fill: the background color of the control

Color: the text color of the control

 

I've made a similar test for your reference:

1)insert two labels for user to choose color

set label1's Text:

"green"

set label2's Text:

"red"

 set label1's OnSelect:

Set(colorvalue,Green)

set label2's OnSelect:

Set(colorvalue,Red)

2)insert some buttons

If you want to change the button's background's color, you should set like this:
button1's Fill,button2's Fill,button3's Fill,button4's Fill,button5's Fill,....

colorvalue

 If you want to change the button's text 's color, you should set like this:
button1's Color,button2's Color,button3's Color,button4's Color,button5's Color,....

colorvalue

 

 

Then if you choose label for green, all the buttons color will change to green.

If you choose label for red, all the buttons color will change to red.

 

 

Best regards,

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.

View solution in original post

Helpful resources

Announcements
August 2020 Community Challenge: Can You Solve These?

August 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

secondImage

Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

secondImage

Super Users Coming in August

We are excited for the next Super User season.

secondImage

Community User Group Member Badges

FIll out a quick form to claim your community user group member badge today!

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (8,290)