Adobe EchoSign 嵌入式小部件 iframe 大小

【问题标题】：Adobe EchoSign Embedded Widget Iframe SizeAdobe EchoSign 嵌入式小部件 iframe 大小
【发布时间】：2018-06-18 17:19:20
【问题描述】：

我注意到 adobe echosign 在为 Personal Embedded 小部件生成 Iframe 时使用像素设置默认最小高度和宽度。我检查了下面的链接（和其他 REST api 文档），但找不到一个属性来告诉 echosign 根据设备的宽度/高度尺寸以可扩展模式呈现小部件，例如在移动设备、平板电脑或 PC 中。

API 文档-> https://secure.na1.echosign.com/public/docs/restapi/v5#!/widgets/createWidget

Adobe EchoSign 默认 Iframe 渲染设置->

<iframe src="******" width="100%" height="100%" frameborder="0" style="border: 0; overflow: hidden; min-height: 500px; min-width: 600px;"></iframe>

如何告诉 echosign REST api 动态调整它的 iframe 大小？

【问题讨论】：

标签： css .net adobe echosign

【解决方案1】：

我也尝试找到解决方案，但不足之处在于他们的小部件无法完成。它们的内部设置或 API 都不允许修改 iframe 样式。

不过，起作用的是添加一些 javascript 和 css 来修改 iframe。这是您可以使用的 javascript 代码示例：

document.getElementsByTagName("iframe")[0].setAttribute("id", "echosignwidget");
document.getElementByID("echosignwidget").removeAttribute("style");

通过添加一个 id 并删除内联样式属性，您现在可以随意使用 CSS 为元素设置样式。

【讨论】：

在我的例子中，因为它是网页中唯一呈现的 iframe，所以使用下面的，它似乎修复了各种设备尺寸的宽度 1.) 在母版页上 /aspx $(window)。 on('load', function () { $("iframe").css('max-width', '100%'); $("iframe").css('min-width', ''); }); 2.) 将 adobe iframe 包含在宽度 = 100% (helpx.adobe.com/sign/kb/forms-widget-resize.html) 的 div 中