Power Community

Power Community

How to Override the Model-driven app header colors?

Makers now have the ability to customize the Power Platform app header colors beyond the default settings, in the modern, refreshed look that’s been enabled in the app.

Note: This functionality is available in build 9.2.23094 or later version.

Click here to know more about your Model-driven app server version.

This article will guide you through the step-by-step process of overriding the App header colors for your environment or a specific App within the Power Platform Environment.

Pre-requisites:

1. Create a browser profile in Microsoft Edge or Google Chrome.

If you have already have a browser profile, skip this step.

[embedded content]

2.Create Power Platform 30 days trial.

If you already have a Power Platform Environment, you can skip this step.

[embedded content]

3. Turn on the New modern, refreshed look for the Model-Driven apps.

Follow the below steps after the pre-requisites.

Step 1: Click on the below link to open Power Apps Maker Portal.

Step 2: Click on the Environment and choose the required Environment.

Step 3: Click on the Solutions and Click on the New solution.

Or

Open the required solution.

Step 4: Provide the Display name, Name, Publisher and Click on Create.

Step 4: Click on New -> More -> Web resource.

Step 5: Below is the sample XML file for the App colors and click here to download.

Find the below for the explanation of each and every attribute in the AppHeaderColors tag.

  • Background – The background color of the app header. This element must be defined for any changes to take effect.
  • Foreground – The text color of the app header. If this isn’t specified, the system attempts to calculate an appropriate color that has sufficient contrast to the provided background color.
  • BackgroundHover – The background color of buttons on the app header when they’re hovered over. If no value is specified, the system calculates a color based on the background color.
  • ForegroundHover – The text color of buttons on the app header when they’re hovered over. If no value is specified, the system attempts to calculate an appropriate color that has sufficient contrast to the backgroundHover color.
  • BackgroundPressed – The background color of buttons on the app header when they’re pressed. The defaulting logic is the same as backgroundHover.
  • ForegroundPressed – The text color of buttons on the app header when they’re pressed. The defaulting logic is the same as foregroundHover.
  • BackgroundSelected – The background color of buttons on the app header when they’re selected. The defaulting logic is the same as backgroundHover.
  • ForegroundSelected – The text color of buttons on the app header when they’re selected. The defaulting logic is the same as backgroundHover.

Step 6: Click on Choose file and upload the XML file (downloaded in the previous step), enter Display name, Name and Choose Type as Data (XML).

Click on Save.

App Header Colors has been created and added to the solution.

Step 7: Click on Add existing -> More -> Setting.

Step 8: Search for Override app header colors and select it. Click on Next.

Step 9: Select the Include setting definition and Include setting environment value. Click on Add.

Solution components are being added.

Step 10: Select the setting and Click on Edit.

Step 11: Click on Add existing value.

Step 12: Provide the Web resource name in the Setting environment value and Click on Save.

This setting will override the existing OOB header Colors.

In this example, I have applied this setting to override the OOB header colors and also for the required App.

Note: If you have an app in the solution, you can see the Setting app values option enabled with the name of the Model-Driven app.

You can choose different App header (XML web resource) for different Apps and save this setting.

Setting save is in progress.

Setting changes have been saved.

Step 13: Open any existing Model-Driven App or create a new app to see the new colors, as they will override the OOB header colors.

Hope you had followed all the steps and updated the required Header colors for your environment and the app.

Below are my earlier articles that you can have a look.

How to know the Server Version of the Model-driven App?

Timeline Highlights (New feature) in Microsoft Power Apps

Model-driven App – Cannot “See associate records” option in the sub grid (arunpotti.com)

Bookmark the Important Dynamics 365 URLs

How to Enable Tenant-level analytics for Power Automate and Power Apps?

Microsoft Power Automate Copy and Paste Action in New Designer

How to Setup Multi-Factor Authentication for your Microsoft Power Apps environment?

Microsoft Power Apps | Modern Themes | Preview feature

How to Download and Install the .NET Framework?

How to Create a SharePoint Site Online?

How to add and use Copilot answer control (Preview) in Microsoft Power Apps?

Dark Mode in Microsoft Power Apps

How to create Microsoft 365 E3 Trial for 30 days?

Refreshed look of solution dependencies in Dataverse Solutions

Microsoft Power Automate | Version History | Restore | New Feature

MICROSOFT LEARN – Artificial Intelligence Skills Challenge​ 2024!!!

Resolved – ‘InvokerConnectionOverrideFailed’ Error When a Power App Custom Page call a Power Automate Flow

How to Create Microsoft Power Apps Trial 30 days?

Not able to Create Power Automate Flow in Custom Page in Model-Driven App?

How to Enable Inline Actions feature in Microsoft Canvas Apps?

How to use /mention in Outlook web client for Dataverse records?

Associate Activities Multiple Related Records (Preview) feature in Microsoft Dynamics 365 CE

How to Enable Aggregation (preview) feature in Microsoft Power Apps?

Power Apps – Some components of this app require you to sign in. If you don’t sign in, part of the app may not work.

How to Enable the SQL Server stored procedures (preview) feature in the Power Apps?

How to get the Client Version of the Model Driven Apps?

How to get Microsoft 365 E3 Trial for 30 days?

How to Enable Copilot for Model-Driven apps feature in Dynamics 365 CE Environment?

[Resolved] Web resource method does not exist in Dynamics 365 CE JavaScript Error

How to Enable Blocking unmanaged customizations (Preview) feature in Dynamics 365 CE?

How to create Microsoft Power Apps Developer Plan Environment?

Microsoft Power Apps Developer Plan vs Power Apps Trial 30 days

What is Microsoft Power Apps Developer Plan?

[Resolved] PCF Field Control not showing anything in the PCF Test Environment?

[Issue Resolved] ReferenceError: Web resource method does not exist in Dynamics 365 CE Javascript Error

[Issue Resolved] Subcomponent cannot be added to the solution because the root component Template is missing in Dataverse

How to Turn Off the Modern Look in the Model Driven Apps?

How to Turn on the New modern, refreshed look for the Model-Driven apps?

Microsoft Power Apps – Apps filter feature

How to Create Microsoft Power Apps 30 days Online Trial Version and an Environment?

Microsoft Power Apps – Solutions filter Preview feature

How to Show the Power Automate complete Expressions?

Dataverse Error: Cannot start the requested operation [EntityCustomization] because there is another [PublishAll] running at this moment.

Power Automate Error: You should specify a contact or account.

How to get the Choice Text and Value in the Dataverse using JavaScript?

Microsoft Dataverse Low Code No Code Plugins

How to convert the Number String to Number Array?

How to Integrate Instant Plugins in the Power Automate Flow?

Power Apps – ‘actionname’ is an unknown or unsupported function in namespace ‘Environment’

Dataverse Browser V1.1.0.1 is available for Dataverse Plugin Debugging

How to Integrate Instant Plugins in the Canvas App?

How to Enable Access to Microsoft Dataverse Actions (Preview feature) in the Power Apps?

How to Create an Instant Plugin in the Dataverse Environment?

How to Install the Microsoft Dataverse Accelerator in the Dataverse Environment?

What is Microsoft Dataverse Accelerator?

How to get the Logged in User Information in the Power Apps?

How to Install Power Platform Tools in Visual Studio Code?

How to Install the Apps from the Microsoft AppSource to your Dataverse Environment?

Microsoft Power Apps Maker Portal has a new look

Microsoft Power Apps Emulator (New Feature)

How to Enable the Dataverse Offline (Experimental Feature) in the Canvas Apps?

How to set the Authoring Version in the Canvas App?

New version of Dataverse Browser is available for Dataverse Plugin Debugging

Latest Free Practice Assessments for Microsoft Certifications

Download CRM 365 V9.X Tools using PowerShell

How to set the Refresh cadence for a Power Platform Environment?

Update forms and views (Preview feature) in Dataverse

How to connect to Microsoft Dataverse in Power Automate Flow using Service principal?

How to Enable Copilot (Preview) feature in Canvas Apps?

How to Debug a Dataverse Plugin without Installing the Profiler in the Plugin Registration Tool?

How to Enable the Licenses (Preview) feature for a Power Platform Environment?

How to Enable Maker Welcome Content (preview) in Power Apps Maker Portal?

How to Enable Managed Environments for a Dataverse Environment?

How to Enable the Modern Controls (Preview feature) in the Canvas Apps?

How to Enable 2023 Release Wave 1 updates in the Dataverse Environment?

How to Deploy Enterprise Applications in the new Dataverse Environment?

What is Preview, Experimental and Retired features in Canvas Apps?

How to Enable the New Power Fx Formula Bar in Power Apps Studio?

Writing Power Fx formulas with natural language

Power Fx Formula Columns in Dataverse

Generating Power Fx formulas from examples

How to Create Dynamics 365 Marketing 30 Days Trial Version Online?

How to disable Multi-Factor Authentication (MFA) on Dynamics 365 Login?

How to Create Microsoft Power Apps 30 days Online Trial Version and an Environment?

How to Update the URL of the Dynamics 365 CE Environment?

Power Apps US Government service URLs

How to Download Microsoft Power Platform Icons?

Microsoft Dataverse and Postman articles

Microsoft Dynamics 365 Online regions list

How to Install, Connect to Microsoft Dataverse and Use XrmToolBox?

How to take the Back-Up of Dynamics 365 Online environment?

How to restore Database Backup in Dynamics 365 Online?

How to recover a deleted Environment in Dynamics 365 CRM Online?


Discover more from Arun Potti’s Power Platform blog

Subscribe to get the latest posts to your email.

This post was originally published on this site

- Advertisement -spot_img

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisement - Advertisement

Latest News

Unpacking the VMware Rapid Migration Plan

Allie Wolf Allie is the Marketing Manager at Dynamic Consultants Group. She graduated from Northwest Missouri State University with...

More Articles Like This

- Advertisement -spot_img