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

[joe_l3]

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.

[cjose · Accepted solution]

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

[joe_l3]

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.

[cjose]

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