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; } } }

Kickstart: date in form

mrahn

Dear Community.

I want to display the current date/datetime in a form. How could I achieve this in the kickstart ui?

Best regards

Marco

btw: I wonder whether there is some kind of documentation that explains how to use all the kickstart ui widgets. The documentation I know off is limited to pure Activiti (without kickstart) or, as far as it concerns kickstart, is very basic. Are there some sample processes available?

Find more posts tagged with

Alfresco Process Services

Accepted answers

gdharley

The community Blog provides the best overview of the kickstart widgets but as you say, it is extremely limited.

There are a couple of ways to display date/time.

1. Retrieve in script and save as a process variable (this would be a fixed datetime).

2. Create a custom widget that displays datetime (this could be static or dynamic).

The biggest problem I have found with the custom stencils is that you cant use them on an existing form.

So, to use a custom widget, you need to start with a custom stencilset when you first create the form.

So, tip for young players. Before you start building anythign real. Create a custom stencilset (even if you have no custom widgets) and use this for creating your forms. This way, you can add custom widgets if needed later.

If you use the default stencilset, you are stuck with it.

Greg

‌

All comments

gdharley

The community Blog provides the best overview of the kickstart widgets but as you say, it is extremely limited.

There are a couple of ways to display date/time.

1. Retrieve in script and save as a process variable (this would be a fixed datetime).

2. Create a custom widget that displays datetime (this could be static or dynamic).

The biggest problem I have found with the custom stencils is that you cant use them on an existing form.

Greg

‌

mrahn

Thanks Greg!

1. I wonder how to retrieve the date in a script. How to post this to a variable? Do you have a example for this? I know Activiti only by Kickstart.

2. I'm aware of the default stencilset difficulty .. there is a hint in the official documentation

Best regards

Marco

gdharley

Hi Marco,

I assume by Kickstart you mean the Activiti Enterprise "Kickstart App".
If so, then following the instructions below.

1. Inside the form editor, add a Display Text field where you want the date:

2. Now go the the Javascript tab and add a new Javascript block on the formRendered event with the following content:

where the "mydate" field name is the "ID" given to the display text field you added in 1.

On render, you will get:

Notice the current date and time rendered in column 2.
Obviously you can parse to format to your locale and prefered layout.

Cheers,

Greg

‌

mrahn

Hello Greg.

Many thanks for your step-by-step instruction. This kind of help is very appreciated!

I followed your instructions step by step but couldn't get the expected result.

Taking your first screenshot it seems that you have, after the orange "Label 1" field, a "Display value" field and a "Display text" field in the 2nd column. Taking your third screenshot I'd expect the "Display value" field rendering the date whilst the "Display text" field is empty.

btw: how would I save the new Date() to a process variable?

Best regards

Marco

.. we run Activiti Enterprise 1.5.3