html - 使用 css 个性化谷歌应用程序脚本 ui

Question

我在这样的电子表格中有一些谷歌脚本代码:

function doGet(e) {
  var app = UiApp.createApplication();

  //////////////////////////////////////////////////////////
  var buttonEntrata = app.createButton('Entrata');
  app.add(buttonEntrata);

  var labelEntrata = app.createLabel('Entrata!')
                 .setId('statusLabelEntrata')
                 .setVisible(false);
  app.add(labelEntrata);

  var handlerEntrata = app.createServerHandler('myClickHandlerEntrata');
  buttonEntrata.addClickHandler(handlerEntrata);

  /////////////////////////////////////////////////////////////
  var buttonUscita = app.createButton('Uscita');
  app.add(buttonUscita);

  var labelUscita = app.createLabel('Uscita!')
                 .setId('statusLabelUscita')
                 .setVisible(false);
  app.add(labelUscita);

  var handlerUscita = app.createServerHandler('myClickHandlerUscita');
  buttonUscita.addClickHandler(handlerUscita);

  return app;
}

function myClickHandlerEntrata(e) {
  var app = UiApp.getActiveApplication();

  var labelEntrata = app.getElementById('statusLabelEntrata');
  labelEntrata.setVisible(true);

  entrata()

  app.close();
  return app;
}

function myClickHandlerUscita(e) {
  var app = UiApp.getActiveApplication();

  var labelUscita = app.getElementById('statusLabelUscita');
  labelUscita.setVisible(true);

  uscita()

  app.close();
  return app;
}

这为我创建了 2 个按钮，它们可以执行它们必须执行的操作。

问题是当我这样调用页面时:

https://script.google.com/macros/s/example_example_example_example/dev

我得到一个非常丑陋的页面，我想对其进行个性化设置，例如将按钮对齐到页面中央，根据屏幕分辨率动态调整它们的大小等....

我该怎么做，因为这是一个脚本而不是一个 html 页面？谷歌脚本是否支持 css 之类的东西？

TNX:)

Answer 1

您可以在 UiApp 中使用许多等效的 CSS(属性具有相同的名称但写法不同，使用驼峰式且没有连字符)，完整的 list is here .

您可以将它与 setAttribute(key,value) 或 setAttributes({key:value,key:value}) 一起使用，第二个允许任意数量参数，doc here .