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页面？ Google脚本支持像css这样的东西吗？

TNX：）

Answer 1

你可以在UiApp中使用很多CSS等价物（属性具有相同的名称但使用camelCase编写，而且没有连字符），完整的list is here。

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

Answer 2

UiApp已被弃用。请尝试使用HTMLService。

示例：

function doGet(){
var html=HtmlService.createHtmlOutputFromFile("name_of_html_file");
html.setTitle("Some_Title");
return html;
}

注意：当您提供其他人的链接时，请部署并提供以“/ exec”结尾的URL。

以/ dev结尾的网址只有应用的所有者可以使用！

个性化谷歌应用程序脚本ui例如与CSS

2 个答案: