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]

There are parts of the other screens that count the number of menu rows, which if you have removed that from the OnStart, will be a divide by zero as there's no items

[bcobra42]

Thanks for the template! One question: Every time I run the app i get a divide by zero error on first load. Any ideas?

[bcobra42]

This is happening in an unedited version of your app. Just loading the app and pushing play the first thing you see is a divide by 0 error. 

[bcobra42]

Also stuck. No edits made to the template

[iAm_ManCat]

Thanks, found the issue, there was a templateSize in the last example screen that was getting a divide by zero, I've fixed that now and added the ability to set Radius for Image/Input/Button 😺

[iAm_ManCat]

Thanks, found the issue, there was a templateSize in the last example screen that was getting a divide by zero, I've fixed that now and added the ability to set Radius for Image/Input/Button 🙂

[bcobra42]

Thanks for the fast support!

[MichaGue]

Hi Sancho, thanks for the great work.

I was wondering why changing ButtonRadiusTopLeft, ButtonRadiusTopRight, ButtonRadiusBottomLeft, ButtonRadiusBottomRight to 0 only brought a change to ButtonRadiusTopLeft.

I had a closer look at the Themes.json. In defaultButtonStyle you can find:

{
 "property": "RadiusTopLeft",
 "value": "%Palette.ButtonRadiusTopLeft%"
},
{
 "property": "RadiusBottomRight",
 "value": "%Palette.ButtonRadiusBottomRightTen%"
},
{
 "property": "RadiusTopRight",
 "value": "%Palette.ButtonRadiusTopRightTen%"
},
{
 "property": "RadiusBottomLeft",
 "value": "%Palette.ButtonRadiusBottomLeftTen%"
},

 I think the "Ten" at the end of the three by my change not effected values have to be removed?

Thanks a lot and best regards,

Michael

[iAm_ManCat]

Thanks @MichaGue, you're absolutely right, I rushed this out without checking - I've updated that and will update the file here asap

[MichaGue]

Hi Sancho, is it possible to disable / hide the focused border in the date picker?