topic Customizing the default style of built-in stencils in Activiti App Designer in Alfresco Forum

Customizing the default style of built-in stencils in Activiti App Designer

joe_l3 — Wed, 20 Dec 2017 15:34:08 GMT

Hi all,I'm newbie to Alfresco Process Services.Could someone explain please how can I change the default style of the built-in stencils ?Supposing I want to set bold or change the color of a Text field label, how can I do that?I attached an example but it seems it doesn't work.

Re: Customizing the default style of built-in stencils in Activiti App Designer

cjose — Wed, 27 Dec 2017 17:18:01 GMT

Import the attached form (test-form.json) and see if this configuration works for you. The configuration & runtime screenshots from my machine is also attached

Re: Customizing the default style of built-in stencils in Activiti App Designer

joe_l3 — Tue, 09 Jan 2018 13:50:14 GMT

Hi Ciju Joseph‌
thanks for your answer, your code works well.

I only modified the css to style labels in my form:

.my-custom-field-label label{
color:red;
font-size:18px;
font-weight:bold;
}

I surfed the Alfresco documentation and I was unable to find any valid info about the style definition in the Activiti Form Designer.
In order to better introduce the App Designer to a newbie I think the official documentation needs to be improved including simple examples and how-to.

Here is how to add a css style to the default form stencil.

- In the form editor go to the Style sheet
- Define a class name for the form container (for example my-custom-form)
- Write a css including your class elements (for example .my-custom-field-label)
- Go to the Design sheet and edit a field
- Go to the Style sheet and insert the class name you want to use

I hope this will help someone.

Re: Customizing the default style of built-in stencils in Activiti App Designer

cjose — Wed, 10 Jan 2018 15:37:41 GMT

Thank you for the helpful information which I'm sure will help others! Agree the documentation is a bit lacking around the style tab. Since a ticket from a customer/partner will get a higher priority, could you please raise a ticket using your customer/portal account so that it gets addressed in the product in future releases!

Ciju