{"id":89,"date":"2025-01-29T10:53:29","date_gmt":"2025-01-29T10:53:29","guid":{"rendered":"https:\/\/howto.openki.net\/?page_id=89"},"modified":"2025-03-18T14:21:59","modified_gmt":"2025-03-18T14:21:59","slug":"responsive-i-frame","status":"publish","type":"page","link":"https:\/\/howto.openki.net\/?page_id=89","title":{"rendered":"Responsiveness of the i-frame"},"content":{"rendered":"<p>Here we show you, how to automatically adapt Openkis i-frame height to its content.<\/p>\n<p>As you can see below, the i-frame automatically changes its height when its content gets higher or lower. We achieved this by adding the following line into this page.<\/p>\n<pre>&lt;script src=\"https:\/\/dev.openki.net\/plugins\/iframeHeightAdjust.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>If you want it for all pages, you can e.g. add it into the footer of your CMS.<\/p>\n<p>You find the technical documentation <a href=\"https:\/\/gitlab.com\/Openki\/Openki\/-\/wikis\/frame\/height\">in our Wiki<\/a>.<\/p>\n<p><code><script src=\"https:\/\/dev.openki.net\/plugins\/iframeHeightAdjust.js\"><\/script><\/code><\/p>\n<p><iframe id=\"openkiIFrameId2\" src=\"https:\/\/dev.openki.net\/frame\/propose\/?addTeamGroups=90aa41f3&amp;region=4Je2iee208aLHS1Km&amp;lg=de&amp;bgcolor=00dd00ff\" width=\"100%\" frameborder=\"0\"><br \/>\n<\/iframe><\/p>\n<p><iframe id=\"openkiIFrameId1\" src=\"https:\/\/dev.openki.net\/frame\/calendar\/?bgcolor=f9f9f9&amp;start=2024-02-03&amp;count=5\" width=\"100%\" frameborder=\"0\"><br \/>\n<\/iframe><\/p>\n<p><script src=\"https:\/\/dev.openki.net\/plugins\/iframeHeightAdjust.js\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here we show you, how to automatically adapt Openkis i-frame height to its content. As you can see below, the i-frame automatically changes its height when its content gets higher or lower. We achieved this by adding the following line into this page. &lt;script src=&#8221;https:\/\/dev.openki.net\/plugins\/iframeHeightAdjust.js&#8221;&gt;&lt;\/script&gt; If you want it for all pages, you can e.g. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":149,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/howto.openki.net\/index.php?rest_route=\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.openki.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/howto.openki.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/howto.openki.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.openki.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":36,"href":"https:\/\/howto.openki.net\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/howto.openki.net\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions\/134"}],"up":[{"embeddable":true,"href":"https:\/\/howto.openki.net\/index.php?rest_route=\/wp\/v2\/pages\/149"}],"wp:attachment":[{"href":"https:\/\/howto.openki.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}