How to style an iFrame in Webhelp Responsive?

Post here questions and problems related to editing and publishing DITA content.
shannonxtreme
Posts: 31
Joined: Fri Aug 24, 2018 4:27 pm

How to style an iFrame in Webhelp Responsive?

Post by shannonxtreme »

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: 9018
Joined: Fri Jul 09, 2004 5:18 pm

Re: How to style an iFrame in Webhelp Responsive?

Post by Radu »

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