Custom style.css for task forms
1,054 views
Skip to first unread message
Frank Bitzer
Feb 20, 2015, 3:51:37 PM2/20/15
to camunda-...@googlegroups.com
Hi there,
I'm using simple HTML task forms. Instead of having to write <div style="..." ... each and every time I want to use CSS classes and externalize the style in a .css file.
- Where to put the "style.css" file?
- How do I import/reference it within the task form? (there is no <head> section and hence no possibility to place a <link rel="stylesheet")
I only found a reference for JSF forms (http://docs.camunda.org/latest/real-life/how-to/#user-interface-jsf-task-forms-styling-your-task-forms) but not for simple HTML forms.
Also I want to import some custom JavaScript from an external .js file. Where do I have to place the file so it gets picked up by the engine?
Thanks a lot!
Frank
Frank
Sebastian Stamm
Feb 23, 2015, 4:21:34 AM2/23/15
to camunda-...@googlegroups.com
Hi Frank,
I assume you are using embedded forms in the tasklist. You can have a look at the user-styles.css file, where you can define your own CSS classes or overwrite the default styles [1]. This file is automatically added to the tasklist and therefore available in the embedded form.
To add custom Javascript from an external file, you can have a look at the custom scripts section [2].
Cheers
Sebastian
Frank Bitzer
Feb 23, 2015, 8:42:28 AM2/23/15
to camunda-...@googlegroups.com
Thank you!
Looks like what I was looking for. However one question remains: where to put the user-style.css within the source files of my project (Maven)? src/main/webapp/app/... or src/main/app/... or ...?
Looks like what I was looking for. However one question remains: where to put the user-style.css within the source files of my project (Maven)? src/main/webapp/app/... or src/main/app/... or ...?
Cheers
Frank
Frank
hassan....@gmail.com
Feb 24, 2015, 1:46:32 AM2/24/15
to camunda-...@googlegroups.com
Hi Frank..
user-styles.css is already exists in the tasklist app
In case of tomcat distribution, it is in the path
webapps\camunda\app\tasklist\styles
On Monday, 23 February 2015 16:42:28 UTC+3, Frank Bitzer wrote:
> Thank you!
>
> Looks like what I was looking for. However one question remains: where to put the user-style.css within the source files of my project (Maven)? src/main/webapp/app/... or src/main/app/... or ...?
>
>
> Cheers
> Frank
>
> On Friday, February 20, 2015 at 9:51:37 PM UTC+1, Frank Bitzer wrote:
> Hi there,
>
>
> I'm using simple HTML task forms. Instead of having to write <div style="..." ... each and every time I want to use CSS classes and externalize the style in a .css file.
>
>
> Where to put the "style.css" file?How do I import/reference it within the task form? (there is no <head> section and hence no possibility to place a <link rel="stylesheet")
user-styles.css is already exists in the tasklist app
In case of tomcat distribution, it is in the path
webapps\camunda\app\tasklist\styles
On Monday, 23 February 2015 16:42:28 UTC+3, Frank Bitzer wrote:
> Thank you!
>
> Looks like what I was looking for. However one question remains: where to put the user-style.css within the source files of my project (Maven)? src/main/webapp/app/... or src/main/app/... or ...?
>
>
> Cheers
> Frank
>
> On Friday, February 20, 2015 at 9:51:37 PM UTC+1, Frank Bitzer wrote:
> Hi there,
>
>
> I'm using simple HTML task forms. Instead of having to write <div style="..." ... each and every time I want to use CSS classes and externalize the style in a .css file.
>
>
Sebastian Stamm
Feb 24, 2015, 1:52:06 AM2/24/15
to camunda-...@googlegroups.com
Hi Frank,
the user-styles.css file is placed inside the tasklist app in the app/tasklist/styles directory. If you have a tasklist distribution, there should be an example user-styles.css file in this directory [1].
Cheers
Sebastian
Reply all
Reply to author
Forward
0 new messages