How to style an iFrame in Webhelp Responsive?

shannonxtreme
Posts: 24
Joined: Fri Aug 24, 2018 4:27 pm

How to style an iFrame in Webhelp Responsive?

Post by shannonxtreme » Thu Sep 12, 2019 10:55 pm

We've embedded an Excel workbook as an iframe on a Webhelp transform, hosted on Sharepoint 2013. I'm trying to use the following code in the transformation scenario CSS to set the width, height, and alignment of the iframe element, but the styles aren't being applied. Am I going about this the right way?

Code: Select all

iframe {
	width: 75%;
	height: 500px;
	margin: auto;
	display: block;
}

Radu
Posts: 6589
Joined: Fri Jul 09, 2004 5:18 pm

Re: How to style an iFrame in Webhelp Responsive?

Post by Radu » Wed Sep 18, 2019 2:51 pm

Hi,

You can try to open the generated HTML document which has the embedded iframe and then use the web browser's web inspector tools to see what CSS styles are applied to it. You can try various CSS approaches until one works and use that in the CSS provided for publishing.

Regards,
Radu
Radu Coravu
<oXygen/> XML Editor
http://www.oxygenxml.com

Post Reply