<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Iframe integration display in CMS Development</title>
    <link>https://community.hubspot.com/t5/CMS-Development/Iframe-integration-display/m-p/443224#M23414</link>
    <description>&lt;P&gt;Hey &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/194082"&gt;@PSchmidt3&lt;/a&gt;&amp;nbsp;I'm thinking wrapping the iframe embed in a div should do the trick!, I use this resource for my embeds that comes in handy&amp;nbsp;&lt;A href="https://embedresponsively.com/" target="_blank"&gt;https://embedresponsively.com/&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;Here's an attached example, feel free to send over your code and we can take a closer look if it doesn't work.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;&amp;lt;style&amp;gt;.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }&amp;lt;/style&amp;gt;&amp;lt;div class='embed-container'&amp;gt;&amp;lt;iframe src='http://alistapart.com/article/responsive-web-design/' style='border:0'&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 02 Jun 2021 12:49:58 GMT</pubDate>
    <dc:creator>jonchim</dc:creator>
    <dc:date>2021-06-02T12:49:58Z</dc:date>
    <item>
      <title>Iframe integration display</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Iframe-integration-display/m-p/442181#M23389</link>
      <description>&lt;P&gt;We have 4 iframes on a hubspot webpage. These iframes display Carto maps that are interactive. We have the height defined and width is 100%. Our originals displayed just fine but when we made some edits to the maps themselves and using the same iframe format they do not display as wide as they did before.&amp;nbsp; Any ideas on how to get the new iframes to go wider?&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="PSchmidt3_0-1622218995562.png" style="width: 400px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/43465iBCA6AB400CCD7D17/image-size/medium?v=v2&amp;amp;px=400" role="button" title="PSchmidt3_0-1622218995562.png" alt="PSchmidt3_0-1622218995562.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 28 May 2021 16:24:33 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Iframe-integration-display/m-p/442181#M23389</guid>
      <dc:creator>PSchmidt3</dc:creator>
      <dc:date>2021-05-28T16:24:33Z</dc:date>
    </item>
    <item>
      <title>Re: Iframe integration display</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Iframe-integration-display/m-p/442777#M23390</link>
      <description>&lt;P&gt;Hey &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/194082"&gt;@PSchmidt3&lt;/a&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Still working on this?&amp;nbsp; Do you have a link with these embeds on them so we can see how it is working?&amp;nbsp; Any code you could share as well would be nice &lt;span class="lia-unicode-emoji" title=":slightly_smiling_face:"&gt;🙂&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/55480"&gt;@jonchim&lt;/a&gt; might be able to help with those additional resources.&lt;/P&gt;</description>
      <pubDate>Tue, 01 Jun 2021 13:15:22 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Iframe-integration-display/m-p/442777#M23390</guid>
      <dc:creator>dennisedson</dc:creator>
      <dc:date>2021-06-01T13:15:22Z</dc:date>
    </item>
    <item>
      <title>Re: Iframe integration display</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Iframe-integration-display/m-p/443224#M23414</link>
      <description>&lt;P&gt;Hey &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/194082"&gt;@PSchmidt3&lt;/a&gt;&amp;nbsp;I'm thinking wrapping the iframe embed in a div should do the trick!, I use this resource for my embeds that comes in handy&amp;nbsp;&lt;A href="https://embedresponsively.com/" target="_blank"&gt;https://embedresponsively.com/&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;Here's an attached example, feel free to send over your code and we can take a closer look if it doesn't work.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;&amp;lt;style&amp;gt;.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }&amp;lt;/style&amp;gt;&amp;lt;div class='embed-container'&amp;gt;&amp;lt;iframe src='http://alistapart.com/article/responsive-web-design/' style='border:0'&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 02 Jun 2021 12:49:58 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Iframe-integration-display/m-p/443224#M23414</guid>
      <dc:creator>jonchim</dc:creator>
      <dc:date>2021-06-02T12:49:58Z</dc:date>
    </item>
  </channel>
</rss>

