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:

Categories:

Power Apps portals

I have the same question (0)

All responses (7)

Answers (1)

hershal1999 111 on at

Like (0)

Report

@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.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

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?

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

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?

Was this reply helpful? Yes No
hershal1999 111 on at

Like (0)

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

Was this reply helpful? Yes No
Verified answer

hershal1999 111 on at

Like (0)

Report

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

Was this reply helpful? Yes No
Fubar 8,338 Super User 2025 Season 2 on at

Like (0)

Report

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.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Yes @hershal1999 I did that and it worked! Thanks.

Was this reply helpful? Yes No