Answered

Adding extra content within each step in a multistep form

(0) Share

Report

Posted on by JefferyTam

Hi all,

I would like to add some extra HTML content, e.g. images, styled text etc., within some steps in a multi-step form. Is that possible?

Something like reading a T&C and clicking [Read and Understood], so [Read and Understood] is the field in the form and the T&C content is something I would like to add before the input field.

I have tried to use achieve this by adding the description/instruction, but I can't find a way to convert the extra content into a HTML, or at least a rich text format.

Please help. Thanks in advance.

Categories:

Design & build

I have the same question (1)

All responses (5)

Answers (1)

Saud Ali 812 Super User 2024 Season 1 on at

Like (1)

Report
Copy link

Link copied!
Hi @JefferyTam ,

In Power Pages, you can add your additional changes like text with styles, privacy statement or declaration text etc. using jQuery. Navigate to your content page -> Advance and add your code there. Here is an example how I did in one of my projects.

jQuery how I added:

$('<div class="gf_browser_chrome gform_wrapper" id="consentpersonalinformation">\ <li class="gfield gfield_contains_required field_sublabel_below field_description_above gfield_visibility_visible gconsent_wrapper">\ <label class="gfield_label">Consent for use of personal information:<span class="gfield_required">*</span></label>\ <div class="gfield_description gfield_consent_description">\ <br>\ • Sample Text.<br>\ • Another Text.<br>\ </div>\ </li>\ </div>').insertBefore("input#InsertButton");

Feel free to ask, if you have any questions.

Thanks,
Saud

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No
JefferyTam 55 on at

Like (0)

Report
Copy link

Link copied!

Thank Saud,

But how can I apply the same in some steps within the multistep form please?

Was this reply helpful? Yes No
Verified answer

Saud Ali 812 Super User 2024 Season 1 on at

Like (1)

Report
Copy link

Link copied!
Hi @JefferyTam ,

If you want to add your script at Form Step level, here are the steps:

Navigate to Portal Management App
Open your Multistep form
Navigate to Form Steps
Open your Form Step where you want to add your script at Form Step level
Go to Form Options tab
Scroll down and you will a section Custom JavaScript

Feel free to ask, if you have any questions.

Thanks,
Saud

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Was this reply helpful? Yes No
JefferyTam 55 on at

Like (0)

Report
Copy link

Link copied!

Thank you so much Saud. 😜

Was this reply helpful? Yes No
Ashish10Pal 5 on at

Like (0)

Report
Copy link

Link copied!

Hi Jeffery I appiled the same step but it is not reflect for me for the first step of form

Was this reply helpful? Yes No