nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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.

activiti-1.png

activiti-2.png

Find more posts tagged with

Alfresco Process Services

Accepted answers

cjose

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

test-form.json.zip

All comments

cjose

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

test-form.json.zip

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