cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Cosmic_Kitchen
Frequent Visitor

Including Liquid and HTML in an advanced form step - Is it possible?

I am new to Portals so bear with me if this is an easy answer. I have an advanced form which has several steps for an end user to fill out an application. Clicking "submit" at the end of the form triggers several processes back in Dataverse. I would like to include a "Review" step within this form that the end user can use to proofread all of the things they just entered on the previous steps prior to clicking submit. 

 

I could set all of the fields I want the user to "review" into a tab within Dataverse, but it looks so clunky when rendered on the portal. I would like to render the data for the "Review" step in plain text using markup and Liquid tags so it reads more like this:

 

Please Review Your Application Information Below Before Submitting:

 

First Name:  John

Last Name: Smith

Job Title: Analyst II

etc.....

2 REPLIES 2
OliverRodrigues
Super User
Super User

Hi, that's a very common requirement actually.

What I normally do is create a new form in my Dataverse with all the columns/grids, and then add a new Advanced Form Step pointing to that form in Read-Only mode

This is the last Advanced Form Step, so basically that's where the submit is, additionally what I normally also add is a metadata to set a "Submitted On" value




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.

Power Pages Super User | MVP


Oliver Rodrigues


 

Cosmic_Kitchen
Frequent Visitor

@OliverRodrigues Thank you for the reply, It's been a busy week. To clarify you are referring to making each field read-only within the dataverse form or is there an advanced form step setting that will do that?

This is what making the form read-only in Dataverse yields:

Cosmic_Kitchen_0-1636467295931.png

I agree, this will work for most instances, but I want to find a way to make it more aesthetic and have the ability to manipulate the way this data is shown on the screen in case an instance calls for it.

 

Something more like this (not saying it is very pretty here, but with some styling, it has the potential):

Cosmic_Kitchen_1-1636467458441.png

This was created on a web page of its own using HTML and Liquid tags. But I'm thinking there is not a way to include something like this within an advanced form.

Helpful resources

Announcements
Carousel Community Blog

Check out the Community Blog

Read all about the most recent blogs in the community!

Community Call Conversations

Introducing the Community Calls Conversations

A great place where you can stay up to date with community calls and interact with the speakers.

Carousel News & Announcements

What's New in the Community?

Check out the latest News & Events in the community!

Users online (3,846)