Embedding into a story

How to embed into a story

• Go to the inCopy version of the story.
• Add a WebHTML field via Window > DT Tags > WebHTML (double click).
• Add the following to the field:

<!-- This sets the height of the container. Set value depending on max height of image. -->
<div style=”max-height:980px!important;”>

    <!-- .mm makes it responsive and the padding-bottom makes it fill the full image may be different for different embeds -->
    <div class=”mm” style=”padding-bottom:100%;max-height:980px!important;”>

        <!-- This is the iframe. Height is max height -->
        <iframe src=”http://pages.registergaurd.com/slider/” width=”100%” height=”980” frameBorder=”0” scrolling=”no”></iframe>

    </div>

</div>

• You may want to embed the shortened version:

<div style=”max-height:980px!important;”><div class=”mm” style=”padding-bottom:100%;max-height:980px!important;”><iframe src=”http://pages.registergaurd.com/slider/” width=”100%” height=”980” frameBorder=”0” scrolling=”no”></iframe></div></div>

• Save.
• Add to Staging in Lightning. (May need a WebUpdateHeadline.)
• Check it out at registerguard.com/rg/staging/.