并排创建两个文本框/下拉菜单 Google App Script [Gmail Add-on]

Question

谁能建议如何在 Google Apps 脚本 [Gmail 插件] 中并排添加两个小部件/输入文本框？

示例代码：

  var section = CardService.newCardSection();
  section.addWidget(
    CardService.newTextInput()
    .setTitle("Title1")
    .setFieldName("field1")
  );
  section.addWidget(
    CardService.newTextInput()    
    .setTitle("Title2")
    .setFieldName("title2")
  );

上面的 Google Apps 脚本代码在 Gmail 插件中创建了两个 InputText 字段，一个在另一个之下。

有没有办法在同一行中创建两个 TextInputFields/Dropdowns/Widgets？ [彼此相邻]

类似这样的：

谢谢，

Answer 1

并排（在其他产品中也称为“内嵌字段”）目前无法完成，并且可能仅因为附加侧边栏的宽度而保持这种方式。如果您预期 "more than a few words."，Google 的样式指南已经建议您使用多行文本输入框，我认为 Google 不太可能扩展他们的 CardService 实现以添加“内联”标志，因为他们的建议。

这个限制的原因无疑在于purpose of CardService:

您使用此服务构建的 UI 结构自动在桌面设备和移动设备中可用，因此您无需为两者开发单独的 UI。

也源于他们的"best practices"之一：

如果给定的卡片有太多的小部件，它可能会占据过多的屏幕并变得不那么有用。虽然大型卡片部分呈现为可折叠的 UI 元素，但这会对用户隐藏信息。旨在简化您的插件并提供用户真正需要的内容，仅此而已。

在一行中输入多个文本时，从移动设备查看插件时显示可能会变得非常拥挤，即使通过桌面浏览器查看时仍然很舒服。并排布局的限制并不是TextInputs 独有的。其他“并排”小部件（例如 Key-Value）将不允许设置 both a Button and a Switch。

考虑查看Widget 概述上的可用小部件 - 页面上的图片详细介绍了各种小部件的外观，您可能会发现更合适的东西。

或者，考虑为此功能创建功能请求，或查看existing Feature Requests in Google's Issue Tracker

半相关的现有问题：

• Any way to show two widget side by side in gmail add on?
• How to create this UI in Gmail Add-on using Google Apps Script