cancel
Showing results for 
Search instead for 
Did you mean: 

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

seedarren
Champ in-the-making
Champ in-the-making

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 3

kalpesh_c2
Star Collaborator
Star Collaborator

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
Champ in-the-making
Champ in-the-making

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
Champ in-the-making
Champ in-the-making

Hi Kaipesh,

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