Branding Template App V3 09-17-2019 17:24 PM - last edited 05-19-2024 07:57 AM

[iAm_ManCat]

(if you downloaded this before Mar 19th 2024, please re-download!)

[Edit: fixed the component errors introduced by Power Apps team through new settings]

This template will allow you to customize your theming (down to the control-level), and allows you to theme items that are not currently possible within the normal Power Apps Editor!

There are also accessibility tools available within it that allow you to change your theme to an accessible theme or to change your font size on-the-fly.

If you want to read the full write-up on V3 of my Power Apps branding template, please feel free to view this on my site (although reading that is not required to download it at the bottom of this post, I do recommend it!):

https://www.iammancat.dev/2022/01/power-apps-branding-template-v3/

If you just want to download the template, you can download it at the bottom of this article 🙂

Cheers,

Sancho Harker (iAm_ManCat)

[

If you want to edit your existing App to do granular edits to the .json files inside, extract it to a folder, do your editing, and then run the following powershell script (within this repository) from within that extracted folder after you've done modifications, which will reconstitute it into a .msapp file:

https://github.com/iAmManCat/PowerApps-Branding-Template/tree/master/V3 

]

[iAm_ManCat]

Thanks @PaulB3, that really means a lot to me as I really do want to help others wherever I can and I truly believe that sharing is one of the best ways to help others learn 🙂

[solomonmwika]

The spoiler , There is always a better way. Thanks for the time invested. Now I just pick and use. You rock @iAm_ManCat 

[SunilMortha1]

Hi Sancho,

This is a great App for people like me who are newbies. I did try to create a Branding Template of my Own and was able to add custom Theme Palette's. Successful in changing the colors of existing controls by clicking "Set Theme". But in below cases the colors are getting set to Microsoft Default colors

1. New Controls added

2. New or Existing DatePicker control's SelectedDateFill, HoverDateFill and CalendarHeaderFill.

Please can you help me on what settings I am missing?

[iAm_ManCat]

Hi @SunilMortha1 ,

If you are using my template, then you need to set the default colours (primaryColor1Value primaryColor2Value primaryColor3Value etc) to match the theme you have created, so that it is there by default - the new items should be created with variables as their default colours.

If it is regarding a custom template you made on your own by modifying the JSON - how have you defined the datepicker values and their respective pairs at the top of the themes.json file and how have you added the json file to the .msapp file?

Cheers,

Sancho

[SunilMortha1]

Hi Sancho,

Thanks a lot for prompt reply. As said I am newbie and have not made any changes to the json files. Is there any post which will detail the steps to make the changes to the json file and add it back to .msapp. Also my scenario is little unique I would like set Theme for each screen separately. Any inputs is highly appreciated. 

[n1ckmuk]

I've just come across this very cool app - it's going to save so much time!

So far I've chosen my palette. Edited the on start PrimaryColor1Value etc. 

So now I want to create a new app..
Can I start with a blank app and import the theme settings somehow. Or do I always need to start with this app as a 'template' hiding any screen I dont want, and adding my own?

thanks!

[iAm_ManCat]

You can use the themes.json file after unpacking and re-packing the msapp file but that might not be something you are comfortable with.

I would recommend starting with this App, removing anything that doesn't apply to you and then using that as your base template. I have some videos im working on about this and other topics, but the gist of it is that you can delete all of the screens and just keep the App OnStart - you will need to create a colour array for the chart colours, there should be one commented in the OnStart. The branded items are done in the themes.json file and then then application of those and changing of those is done during the app OnStart, so as long as you have the OnStart and are using this .msapp then you can insert the branded colours.

[w1sd0m]

Any significant differences between this and the CoE starter kit themes app?

[iAm_ManCat]

Hey @w1sd0m, yeah there are a few 🙂

The COE Starter kit Themes App is actually based on my Theme Template App concept - I spoke with the product team to show them how to do my method, and they decided to include it in the COE Starter kit following that - they've done a few tweaks to theirs.

The major difference is that theirs is based on Dataverse and so requires premium licensing, whereas mine is self-contained within the App code and datasource-agnostic so you can either use the standalone App and hardcode the options into it or you can use your own datasource of choice to store the tables. Additionally my Themes App allows changes on-the-fly to the theme, whereas theirs are hardcoded into the App with no way to easily change it during runtime.

[Pititul]

Thank you for this great contribution! I'm a stuck on the error "Invalid Operation: Division by zero". I'm not sure which part of the OnStart gives this error. Please help.