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

Mahathi Nalluri · ‎11-09-2020

If the client script is in scoped application its not working. I tried the same thing in global and it works.

Ankur Bawiskar · ‎11-09-2020

Hi,

So at least it is working in global scope.

Nothing related to global or custom scope was mentioned in your original question.

I believe your original question has been answered with my above approach.

Let me know if I have answered your question.

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

Are you saying top.location.href is not giving you the URL in scoped app

Regards
Ankur

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

Mahathi Nalluri · ‎11-09-2020

No, the block inside if is not working in scoped app

Ankur Bawiskar · ‎11-09-2020

Hi,

did you confirm what comes in url?

Did you give valid ui page sys_id here?

alert(url);

if(url.indexOf('fc19b095dbd42010224a2a9a489619ed') > -1){

Regards
Ankur

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

Mahathi Nalluri · ‎11-09-2020

Yes i gave valid sys_id. Same code worked when i added it in global client script. Did not work when i added in a scope