带有iFrame的Google Forms Apps脚本边栏缺少16px

时间:2015-01-25 16:18:05

标签: iframe google-apps-script

我正在为Google表单添加上一个。 sidebar没有打开它的300px宽度。相反,我的侧边栏的主体仅包含284px,这会在侧边栏的右侧产生难看的边距。我已经能够使用以下代码复制此问题:

Code.gs文件:

function onInstall() {
  onOpen();
}

function onOpen() {
  var ui = FormApp.getUi();
  var menu = ui.createMenu('Open Sidebar').addItem('Open', 'openDialog')
  menu.addToUi();
}

function openDialog() {
  var html = HtmlService.createTemplateFromFile('index').evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME).setTitle('Sidebar too Narrow');
  FormApp.getUi().showSidebar(html)
}

index.html文件:

<div>
 Hello World!
</div>

我想摆脱右边的丑陋边缘,我认为这是由嵌套的iframe引起的。

3 个答案:

答案 0 :(得分:0)

如果您使用Chrome开发工具检查应用,您将看到需要调整的元素样式...

<style>
body {
  margin: 0;
}
</style>

答案 1 :(得分:0)

我在写作的附加组件中遇到了同样的问题。这对我来说闻起来很像Chrome。我无法在Chrome问题跟踪器上找到它,但我在Canary(42.0.2289.0)中进行了测试,它的工作原理应该如此。

所以我假设这是在下一个或两个版本的Chrome中修复的。在那之前,我不会担心它。

就像提到的@ bryan-p一样,你仍然需要:

body {
    margin: 0;
}

但这与此错误无关。

答案 2 :(得分:0)

这似乎是Mac和Chrome的问题。请在此处查看google-apps-script-issues跟踪器:https://code.google.com/p/google-apps-script-issues/issues/detail?id=4733&thanks=4733&ts=1422283697#makechanges