Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Add CSS to content of iframe on Service Portal

Dazler
Mega Sage

Hi,

 

I have been task with displaying reports on the Service Portal for our Leadership team.  I have created an iframe on the portal that looks at Dashboard.  The use case is because they don't want our leadership team to have to go to 2 separate areas, they want them to use the Service Portal.

 

I got the iframe to display the Dashboard, but what I was wondering if there is a way to do a little css on the content from that iframe.

 

Does anyone know how I can go about this?

5 REPLIES 5

Sonali Nimbalk1
Giga Guru

@Dazler 

 

Can you please share your code and screenshot, what exactly do you want to add in CSS

Hi @Sonali Nimbalk1

 

Sorry for the delay.

 

I am using a iframe in the HTML Widget on the Service Portal.  I just added the iframe to the source code of that widget.

 

Dazler_0-1678418192471.png

 

Sonali Nimbalk1
Giga Guru

@Dazler ,

 

In iframe, Overflow: hidden won't work. 

 

<iframe src="demo_iframe.htm" style="border:10px solid red; height:200px;width:200px;" title="Iframe Example"></iframe>

 

SonaliNimbalk1_0-1678427336374.png

 

 

Please hit like and mark my response as correct if that helps
Regards,
Sonali Nimbalkar

 

@Sonali Nimbalk1 

 

I know how to add css style to the iframe, but what I am trying to do is do some css style to the source of the iframe.