Adding extra content within each step in a multistep form

Like (0) Share

Report

Posted on 19 Jul 2023 16:44:26 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:

General

I have the same question (0)

All responses (5)

Answers (1)

Ashish10Pal 5 on 01 Jul 2024 at 09:47:58

Like (0)

Report

Re: Adding extra content within each step in a multistep form

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
JefferyTam 55 on 20 Jul 2023 at 10:17:55

Like (0)

Report

Re: Adding extra content within each step in a multistep form

Thank you so much Saud. 😜

Was this reply helpful? Yes No
Verified answer

Saud Ali 812 Super User 2024 Season 1 on 20 Jul 2023 at 08:28:16

Like (1)

Report
Re: Adding extra content within each step in a multistep form

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 20 Jul 2023 at 08:09:06

Like (0)

Report

Re: Adding extra content within each step in a multistep form

Thank Saud,

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

Was this reply helpful? Yes No
Saud Ali 812 Super User 2024 Season 1 on 19 Jul 2023 at 19:46:37

Like (1)

Report
Re: Adding extra content within each step in a multistep form

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

Community site session details

Adding extra content within each step in a multistep form

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Tom Macfarlan – Community Spotlight

Congratulations to the September Top 10 Community Leaders!

Leaderboard > Power Pages

Featured topics

Product updates

Community site session details

Adding extra content within each step in a multistep form

Helpful resources

News and Announcements

Quick Links

Responsible AI policies

Tom Macfarlan – Community Spotlight

Congratulations to the September Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Power Pages

Featured topics

Product updates