cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
FelixRech
Frequent Visitor

Customize design of controls (e.g. Comboboxes, Checkboxes, etc.) Power apps for Teams

Hello too all, 

 

I'm developing an app in PowerApps for Teams and I'm currently in the stage of 'making it look pretty'. I do have to follow some guidelines when it comes to UI design, for example on the Fill and Border Color of TextInputs and Dropdowns. 

 

In Power Apps for Teams I have no trouble changing the Color of textboxes, Properties Fill and Border Fill are available though the usual menu. But I cannot seem to find a way to change the appearance of the comboboxes. Same applies to Checkbox and Radio Button controls, where I cannot change the color of the Checkmark.

 

Is there really no way to do it in Power Apps for Teams atm? Or am I missing something?

 

Kind regards!

1 ACCEPTED SOLUTION

Accepted Solutions
JR-BejeweledOne
Super User
Super User

The other thing you can do is go into Settings -> Experimental Features and enable classic controls.   You can choose to use the Classic combobox, checkbox and dropdown controls (and other controls), which allow you to style the controls the way you want.



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

View solution in original post

8 REPLIES 8
Ethan_R
Responsive Resident
Responsive Resident

Hi @FelixRech ,

 

Do you have the property named 'Checkmark Fill' ?
Since you can change tick mark color from there. (This is Web App, since I'm not using Teams. Please check accordingly)

Ethan_R_1-1632312845776.png

 

 

I had used custom checkbox as colored icon and button.

 

 

 

Its up to you how you like to display on the App.

 

Hope this helps.

FelixRech
Frequent Visitor

Hi Ethan,

 

thanks for the reply.

 

Unfortunately this property is not present in Power Apps for Teams. At least not by default.

I was hoping there was a way to get the same customizability as in the Web app.

 

Kind regards.

Ethan_R
Responsive Resident
Responsive Resident

Okay @FelixRech ,

 

Try using transparent fill rectangle shape and bordered color.

OnClick of rectangle will update a variable (which acts as reference to your checkbox/ or act as dummy checkbox) and display Icon "Tick mark" (similar to checkbox but in your choice of color).

Make sure that your Icon is under the rectangle and not above it. else there might be click issue.

 

For having custom checkbox in gallery,
Hope you have some unique identifier with records of the gallery.

Then use,

 

//As an example

If(ThisItem.Contact in colMyContact.ID,
    RemoveIf(
        colMyContact,
        ID = ThisItem.Contact
    )
    ,
    Collect(
        colMyContact,
        {
            Name: ThisItem.'Full Name',
            ID: ThisItem.Contact
        }
    )
)

 

 

This is on transparent button which acts like dummy checkbox.

 

Hope this helps

 

JR-BejeweledOne
Super User
Super User

The other thing you can do is go into Settings -> Experimental Features and enable classic controls.   You can choose to use the Classic combobox, checkbox and dropdown controls (and other controls), which allow you to style the controls the way you want.



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

View solution in original post

Thanks for the suggestion, 
Is there any downside to using those classic controls?

Thanks for the suggestion. I will look into that and see how it performs.
I'm a bit afraid that I will create to many unnecessary control elements doing it this way. 

Not as far as I know.   I think MS was trying to keep to the Teams theme and didn't really get that people might still have to follow branding guidelines when they added the new controls.



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

Ok good to know. I will check its worth changing all the elements!

Helpful resources

Announcements
PA_User Group Leader_768x460.jpg

Manage your user group events

Check out the News & Announcements to learn more.

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Welcome Super Users.jpg

Super User Season 2

Congratulations, the new Super User Season 2 for 2021 has started!

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Top Solution Authors
Top Kudoed Authors
Users online (1,033)