Customize logo and header on Wildfly

[mphart...@gmail.com]

Hi,

I would like to change the logo and the header color in the tasklist, cockpit and admin panel. I already found the corresponding part in the user guide (http://docs.camunda.org/latest/guides/user-guide/#tasklist-customizing) but it seems that it works different for the wildfly distribution since I cannot find the referenced *.css files there?

Can anyone help me with this? Or isn't it that easy with wildfly as with tomcat?

Best Regards
Max

[Bernd Rücker (camunda)]

Hi Max.

It should actually also work in Wildfly the way. I used this Maven Overlay
Project successful on JBoss:
https://github.com/camunda/camunda-consulting/tree/master/snippets/camunda-webapp-customized -
did not try it on wildfly - but should not require big changes. Maybe the
concrete example code helps?

Cheers
BErnd

-----Ursprüngliche Nachricht-----
Von: camunda-...@googlegroups.com
[mailto:camunda-...@googlegroups.com] Im Auftrag von
mphart...@gmail.com
Gesendet: Donnerstag, 9. Juli 2015 20:27
An: camunda-...@googlegroups.com
Betreff: [camunda-bpm-users] Customize logo and header on Wildfly

--
You received this message because you are subscribed to the Google Groups
"camunda BPM users" group.
To unsubscribe from this group and stop receiving emails from it, send an
email to camunda-bpm-us...@googlegroups.com.
To post to this group, send email to camunda-...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/camunda-bpm-users/30d65b53-4f77-4b72-a3b4-fadc8a9ff8aa%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Sebastian Menski]

Hi Max,

the difference between tomcat and wildfly is that the tomcat distribution contains the exploded war file (eg. the extracted directory structure) and the wildfly

distro contains an actual war file. So you can either choose the "dirty" way and edit the files directly inside the camunda-webapp-jboss.*.war archive. Or use the

clean way Bernd mentioned using maven overlays.

Cheers,

Sebastian

[mphart...@gmail.com]

Hi Sebastian, Hi Bernd,

thanks to both of you for that quick answer :) for now I only tried the "dirty" way and edited the files in the *.war archive.

Unfortunately, it still displays the old logo. Even if I additionally to the user-styles.css also edit the styles.css or when I replace the original logo with our logo named as it. I guess because I did not do the "grunt build" inside the camunda-tasklist-ui directory (which should be "\camunda-webapp-jboss-7.3.0\app\tasklist\scripts", right?). I always get an error message that no grund files were found. When having installed grunt, do I need anything else? Or is the command "grunt build" missing some additional string? I'm not really familiar with this (as you may notice ;) ).

Cheers
Max

[Karl-Heinz Stöckler]

Hi Max,

I work with JBoss and I guess it is similary to the wildfly, because there I also only have the *.war file.
I also tried to change the logo, and at firsthand had problems with this.
It is already some weeks, months ago but how far I can remember I had the same problem: It did not show my logo.

I also worked the "dirty" way.

I could solve the problem by changing the size of my logo. I do not know why it did not work with a larger picture (lenght and width) and then suddenly it worked.
And I can give you an additional hint, whichhas costed me a lot of time. I had to clean the browser cache and reload the page after some changes in design could be seen.

Hopefully this helps.

Greetings
Karl

[mphart...@gmail.com]

Hi Karl,

Thank you, I will try that once I am at home later. So far, I only ensured having the same width, since I thought there was plenty or space for a longer logo.

So you did not need to do this "grunt build"? Changing the css, deleting the cache and ensuring the size was sufficient?

Best Regards
Max

[Karl-Heinz Stöckler]

Hi Max,

yes exactly I did not use any "grunt build".

I can not remember exactly what solved the problem, maybe you only need to delete the cache and reload the page.
But as far as I can remember I tried different logos and changed the size of the logo until it worked.
My current logo has the size 201x39. And the original camunda tasklist logo has the size 220x39
And I used a logo in a *.png format, i am not sure if it makes a difference which format the logo has.

And I only changed the part in the user-styles.css, I did not change anything in the styles.css

But I think this are some things you can try :)

Greetings
Karl

[mphart...@gmail.com]

Thank you once again, Karl! Cleaning the browser cache actually solved the problem :)

Greetings
Max

[mphart...@gmail.com]

Hi once again,

I have one (hopefullly last) question: Does it work somewhat different for the admin and cockpit panel? Now it works totally fine with the tasklist, but not with the others, although I did it exactly the same way and even tried different paths for the images.

Cheers
Max

[Karl-Heinz Stöckler]

Hi Max,

sry, I did not try to customize the cockpit and admin. So I do not know how this works.

Greetings
Karl