Google apps script 气体…Gui编辑器…移动表单

我有一个简单的气体形式，我想是移动友好。下面是它的外观：

Q1-我希望表单自动缩放以适应（移动）屏幕。它是使用GUI编辑器构建的。文本框设置为按宽度和高度的百分比缩放

我不知道HTML5，但这似乎是移动格式的发展方向。能否将HTML5集成到GUI编辑器使用的代码中？您在GUI编辑器中还有其他格式建议吗

Q2-我不想将文本放在文本框中，而是希望它是占位符文本，在选中该框时消失。这可能吗

谢谢，

---

Nathan

Q1:我不能完全回答，但看起来您可以使用

setWidth

、

setHeight

或

setSize

将大多数元素设置为百分比宽度和高度

问题2：您要做的是设置一个onFocus处理程序，以便当用户单击字段时，文本消失（此操作称为对元素的“聚焦”）。这可以用ClientHandler来完成，这意味着它会很快

var text = app.createTextBox().setId("textbox").setName("textbox")
    .setStyleAttribute("color","gray").setValue("Input text here");
var focusHandler = app.createClientHandler().forEventSource().setText("")
    .setStyleAttribute("color","black");
text.addFocusHandler(focusHandler);

如果用户将字段留空，则可以将其更改回原始文本并再次将其涂成灰色，但这次您必须使用ServerHandler，因为我们需要检查字段是否为空。此外，离开场被称为“模糊”

---

问题1：我无法完全回答，但看起来您可以使用

setWidth

、

setHeight

或

setSize

将大多数元素设置为宽度和高度百分比

问题2：您要做的是设置一个onFocus处理程序，以便当用户单击字段时，文本消失（此操作称为对元素的“聚焦”）。这可以用ClientHandler来完成，这意味着它会很快

var text = app.createTextBox().setId("textbox").setName("textbox")
    .setStyleAttribute("color","gray").setValue("Input text here");
var focusHandler = app.createClientHandler().forEventSource().setText("")
    .setStyleAttribute("color","black");
text.addFocusHandler(focusHandler);

如果用户将字段留空，则可以将其更改回原始文本并再次将其涂成灰色，但这次您必须使用ServerHandler，因为我们需要检查字段是否为空。此外，离开场被称为“模糊”

---

对于textholder，可以在没有serverhandler的情况下使用验证器来完成

  var textbox = app.createTextBox().setValue('placeholder').setStyleAttribute('color', 'gray');
  textbox.addFocusHandler(app.createClientHandler().validateMatches(textbox, '^placeholder$').forEventSource().setText('').setStyleAttribute('color','black'));
  textbox.addBlurHandler(app.createClientHandler().validateLength(textbox, 0, 0).forEventSource().setText('placeholder').setStyleAttribute('color','gray'));

---

对于textholder，可以在没有serverhandler的情况下使用验证器来完成

  var textbox = app.createTextBox().setValue('placeholder').setStyleAttribute('color', 'gray');
  textbox.addFocusHandler(app.createClientHandler().validateMatches(textbox, '^placeholder$').forEventSource().setText('').setStyleAttribute('color','black'));
  textbox.addBlurHandler(app.createClientHandler().validateLength(textbox, 0, 0).forEventSource().setText('placeholder').setStyleAttribute('color','gray'));

---

选择“测试最新代码”时提供的链接仅对您可用。让你知道，我们在你发布的链接上看不到你在托管什么。嗯……菲尔，谢谢你指出这一点。我认为如果你用exec替换dev，它应该可以工作，也许不行。。脚本部署已设置为任何人都可以运行。它看起来像什么并不重要。表单只有3个文本框、1个密码框和一个提交按钮。选择“测试最新代码”时提供的链接仅对您可用。让你知道，我们在你发布的链接上看不到你在托管什么。嗯……菲尔，谢谢你指出这一点。我认为如果你用exec替换dev，它应该可以工作，也许不行。。脚本部署已设置为任何人都可以运行。它看起来像什么并不重要。表单只是3个文本框、1个密码框和一个提交按钮。