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.