如何将Google Apps Script的HTML模态框调整为900x900尺寸？

要将模态框设置为900×900的尺寸，只需在生成HtmlOutput时调用setWidth()和setHeight()方法指定宽高，具体修改如下：

修改后的代码 #

//OPEN THE FORM retete IN MODAL DIALOG
function reteteModalDialog() {
  var commesseAttive   = selArrayCommesse()
  var elencoClienti    = selArrayClienti()
  var elencoTipologie  = selArrayTipologie()
  var elencoDimensioni = selArrayDimensioni()
  var elencoVarianti   = selArrayVarianti()

  var form = HtmlService.createTemplateFromFile("selCommessa");
  form.arrayOfNames     = commesseAttive; 
  form.arrayOfClienti   = elencoClienti;
  form.arrayOfTipologie = elencoTipologie;

  // 生成HtmlOutput并设置宽高为900x900
  var htmlOutput = form.evaluate().setWidth(900).setHeight(900);
  SpreadsheetApp.getUi().showModalDialog(htmlOutput, "Retete");
}

补充说明 #

1. form.evaluate()返回的是HtmlOutput对象，通过链式调用setWidth(900)和setHeight(900)即可直接指定模态框的宽高。
2. 如果表单内容在模态框内出现溢出，可在selCommessa.html中调整内部元素样式，比如给body添加如下样式确保内容适配：

<body style="width: 100%; height: 100%; margin: 0; padding: 10px; box-sizing: border-box;">
  <!-- 你的表单内容 -->
</body>

内容的提问来源于stack exchange，提问作者Conf RIcami