Move HTML content between | above/beneath form fields on portal

(0) Share

Report

Posted on by Community Power Pla...

Hey!

I am customizing the Portal Profile Page and I would like to put a html table between | above/beneath a form field.

The HTML Table appears on the top of the form and I dont know how to move/position it properly.

Here the image to illustrate my issue:

All responses (7)

Answers (1)

Community Power Pla... on at

Like (0)

Report

Re: Move HTML content between | above/beneath form fields on portal

Yes @hershal1999 I did that and it worked! Thanks.
Fubar 8,023 Super User 2025 Season 1 on at

Like (0)

Report

Re: Move HTML content between | above/beneath form fields on portal

If this is just to display the Account/Organization address that is linked to the Contact you could use a Quick View form and add it to form that is used for the Profile.
Verified answer

hershal1999 111 on at

Like (0)

Report

Re: Move HTML content between | above/beneath form fields on portal

You can either append or update inner HTML with the id of the HTML tag that you have in the section label.
hershal1999 111 on at

Like (0)

Report
Re: Move HTML content between | above/beneath form fields on portal

You can either inject the javascript in two different places
In the basic form under the Additional Settings tab, there is a section for Custom JavaScript.
In web template used by the page to render the basic form using <script></script> tag.
Just make sure you use
$(function(){
//logic to inject HTML table
});
Community Power Pla... on at

Like (0)

Report

Re: Move HTML content between | above/beneath form fields on portal

Would it be an approach to append the HTML Table within an DIV (with ID) as a previous sibling to the field I marked? with DOM?
Community Power Pla... on at

Like (0)

Report

Re: Move HTML content between | above/beneath form fields on portal

Hi @hershal1999 !

Thanks for answering! Yes I get the approach, yet I am not sure where do insert the javascript function with liquid to fill the table dynamically. Do you mean in here?
hershal1999 111 on at

Like (0)

Report

Re: Move HTML content between | above/beneath form fields on portal

@Anonymous I would add blank section on top an bottom. Once added we can use Basic Form Metadata to add HTML in label. If the table is static you can have complete HTML or if it is dynamic then you can just have empty Div tag and then you can use JavaScript to load that Div with a table. Does this make sense? Let me know if you need further information.