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

[Mahathi Nalluri]

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?

[Mahathi Nalluri]

 After this code, it throws error "div must be ended with matching /div tag"..This probably is because the ref value is not properly passed to the template. If i change the ref value to some static text, then this error is removed, but it shows Record not found message

<g:evaluate var="jvar_ref" object="true">

var ref = new GlideRecord("sn_csm_ec_engmnt_center_module");

ref.get("1eb279a0735c2010d43171ef64f6a7d7");

ref;

</g:evaluate>

<j:set var="ref" value="${jvar_ref}"/>

<j:set var="sysparm_view" value="sys_popup,appearance_config"/>

<g:inline template="form.xml"/>

[Ankur Bawiskar · Accepted solution]

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

[Mahathi Nalluri]

But the requirement am trying to solve here is not to do it by rendering the form in an iframe. Looking for ways to render the table form in a UI page without using iframes

[Ankur Bawiskar]

Hi,

The approach I suggested is as per your original question.

So the answer I mentioned is working as per your question.

Not sure if your requirement got changed in between.

Let me know if I have answered your question.

If my response helped please mark my response as correct & helpful so that this thread can be closed and others can be benefited by this.

Regards
Ankur

[Mahathi Nalluri]

Hi Ankur,

I used the exact client script and the UI page code as mentioned by you, but its not hiding the header and footer