Customizing Brand and Logo

Camunda 7 Topics Discussion & Questions
1

Hi,

I could see multiple articles on modifying the Logo and Branding but was facing issue in getting it to work. I was wondering if I missed or misunderstood any of the steps.

The steps I followed was:

  1. Created a logo.png file with dimension 220x62 and placed into path $CAMUNDA_HOME/server/apache-tomcat-9.0.19/webapps/camunda/app/tasklist/assets/images

  2. Modified the file $CAMUNDA_HOME/server/apache-tomcat-9.0.19/webapps/camunda/app/tasklist/styles/user-styles.css as

    .navbar-brand {
    /* hides the “Camunda Tasklist” text /
    text-indent: -999em;
    /     put your logo /
    background-image: url($CAMUNDA_HOME/server/apache-tomcat-9.0.19/webapps/camunda/app/tasklist/assets/images/logo.png);
    /     sets the width to match the logo’s width /
    width: 200px;
    }
    /     changes the header bottom border color */
    [cam-widget-header] {
    border-bottom-color: blue;
    }

  3. Modified the file $CAMUNDA_HOME/server/apache-tomcat-9.0.19/webapps/camunda/app/tasklist/scripts/config.js and un-commented/modified the following

    // change the app name and vendor
    app: {
    name: ‘xxxxxx’,
    vendor: ‘xxCompanyxxx’
    },
    //

  4. Also restarted the Engine(Not sure if this is required)

But I still see the Camunda Tasklist and Logo instead of the custom one mentioned

2

@camunda
Could someone please help out on this topic.

3

Hi @etp

Kindly have a look at below post

4

Hi @hassang,

This works. Thanks!

5