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

DCT customization

Danu

Hi All,

We need to customize the Data capture template (DCT) as in the attachment.

As shown in the attachment we need to have 2 vertical sections on DCT. The left panel should have an image and the right panel should have the tab based content fields.

It would be much helpful if someone can help us in separating the DCT into two vertical sections?

Thx in advance

Find more posts tagged with

Comments

Adam Stoller

Hi All,

We need to customize the Data capture template (DCT) as in the attachment.

As shown in the attachment we need to have 2 vertical sections on DCT. The left panel should have an image and the right panel should have the tab based content fields.

It would be much helpful if someone can help us in separating the DCT into two vertical sections?

Thx in advance

I'm not 100% sure, but more like 95-99% sure that the FormsPublisher DCTs do not support columnar rendering.

There's the rowcontinue option for enabling elements to be lined up within a single row (assuming enough screen width exists), but I don't think there is any ability to force distinct columns as I believe you are suggesting (I haven't looked at your zip file)

The only way I can think of to do this would be to use the DCT form as a launching area for a callout in which you would then have full control over the rendering of the fields - and on submission of the callout window you could either populate hidden or visible fields within the main DCT form.

vpatel

In addition to what Adam suggested, you could have some limited options to have side by side fields using "rowcontinue" feature OR see if having "tabs" suffice your needs. Otherwise you can build a custom callout.