How do I change the Form Header color for all my Forms on v9?

fungu5

Hey, I am looking for help on how to change the Form Header color for all my Forms. Is there a place in the System to achieve this or do I have to go through all my projects and manually apply it?

Andrew_Decisions

Thank you for using the Decisions Forum! This is an easy use case to resolve. In order to apply a Form Header color to all of your Forms, you need to upload a CSS Document in the System Settings making that change. After you upload the CSS Document, you need to right click the Document and select "Set As Default CSS Document". Here are two screenshots showcasing this location in the platform.


The Form Header CSS class should be ".SubWindow .ui-dialog-titlebar". In order to change the color, you need to use the "background-color" property in your code. Here is some example CSS that I created that changes the Form Header to the color red.

.SubWindow .ui-dialog-titlebar {

    background-color: red; !important

}

Here is the results once I uploaded my CSS code to the platform and set the Document as a default CSS Document.