How to render table form without the header and footer in a UI page

Mahathi Nalluri · ‎11-03-2020

We are trying to render the platform form view in a UI page. We just want the fields with in the form to be displayed without the header and footer section that has the UI actions.

One approach that we tried is to render it in an iframe, and using jQuery added CSS to hide the header and footer.

Are there any other recommended ways to do it?

Ankur Bawiskar · ‎11-04-2020

Hi,

The above approach mentioned by me worked well when I created

1) UI Page

HTML:

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

	<g:evaluate var="jvar_URL" object="true">
		
		var url = '/incident.do?sys_id=4f686e91dbc42010224a2a9a4896193d&amp;sysparm_sysparm_extraParameter=testing';
		url;
	</g:evaluate>

	<iframe src="${jvar_URL}" scrolling="yes" width="800" height="600"/>

</j:jelly>

2) Client Script

function onLoad() {
	//Type appropriate comment here, and begin script below
	var url = top.location.href;

	// give here the UI page sys_id
	if(url.indexOf('fc19b095dbd42010224a2a9a489619ed') > -1){
		var z = this.document.getElementsByClassName("container-fluid");
		z[0].style.display = 'none';
		var k = this.document.getElementsByClassName("form_action_button_container");
		k[0].style.display = 'none';
	}
}

Ensure Isolate Script field is set to false so that it allows DOM

This field is not on form but from list you can make it false.

Output:

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

View solution in original post

Ankur Bawiskar · ‎11-03-2020

Hi,

can you share your business requirement around this?

yes it can be shown via iframe but it would add the header and footer

please share with screenshot what is not required in that iframe?

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

Mahathi Nalluri · ‎11-03-2020

Hi Ankur,

There is a custom UI page in which instead of creating own forms, we are planning to utilise the platform forms.

Highlighted sections are the ones that we do not want

Kieran Anson · ‎11-03-2020

Hi,

If you're just wanting to render a record form view in a UI view style pop-up you can use GlideModalForm

As an example, the following is the sys_user table without the usual header and footer that loads within an incident view.

Mahathi Nalluri · ‎11-03-2020

Hi Kieran,

We don't want to render it in a popup