How to customize the header section style (css) for Activiti Modeler page?

cancel
Showing results for 
Search instead for 
Did you mean: 
seedarren
Member II

How to customize the header section style (css) for Activiti Modeler page?

How to customize the header section style (css) for Activiti Modeler page? The default page looks like below:

How can i customize the header logo and also color?

3 Replies
kalpesh_c2
Senior Member

Re: How to customize the header section style (css) for Activiti Modeler page?

Hi Tat Neng See‌,

You can find all the logo images under folder

<tomcat-home>webapps\activiti-app\images\


Activiti UI is build on angular so you have to change css according to that you will find css files under

<tomcat-home>webapps\activiti-app\styles

 or

<tomcat-home>webapps\activiti-app\editor\styles

Thanks,

Kalpesh,

ContCentric

seedarren
Member II

Re: How to customize the header section style (css) for Activiti Modeler page?

Hi Kaipesh Patel,

Actually we have a web application that when upon editing the workflow, it will redirect to modeler.html. So what you mean is directly change the original css inside the activiti war files? Is there any better way to change the css template without changing the original war file downloaded?

seedarren
Member II

Re: How to customize the header section style (css) for Activiti Modeler page?

Hi Kaipesh,

How to customize the css without modifying the original downloaded activiti war file content?