谷歌应用程序脚本,gmail插件对齐动作中心和TextInput的样式

时间:2018-02-15 06:18:03

标签: css google-apps-script gmail-addons

我使用google脚本创建了简单的gmail插件,因为我在这里很难,

我使用过简单的卡,问题是,我们需要在卡的中心对齐动作按钮并将CSS样式应用于TextInput

我已经参考了该文档,但没有找到任何方法

以下代码我试过了,

var card = CardService.newCardBuilder();
  card.setHeader(CardService.newCardHeader().setTitle("Login Here"));
  var section = CardService.newCardSection()
  var cleint_id_Input = CardService.newTextInput()
     .setFieldName("client_id")
     .setTitle("Please enter clinet id")
  var username_Input = CardService.newTextInput()
     .setFieldName("username")
     .setTitle("Please enter username")
  var password_Input = CardService.newTextInput()
     .setFieldName("password")
     .setTitle("Please enter password")
  section.addWidget(cleint_id_Input)
  section.addWidget(username_Input)
  section.addWidget(password_Input)
  Logger.log("Input Value%s",cleint_id_Input)
  //Login action button
  var action = CardService.newAction().setFunctionName('loginCallback');
  section.addWidget(CardService.newTextButton().setText('Login').setOnClickAction(action))  
  card.addSection(section)

提前致谢

1 个答案:

答案 0 :(得分:0)

截至目前,gmail add ons不支持输入小部件的完整样式。但是有一种方法可以对窗口小部件进行少量格式化。有关详细信息,请访问:https://developers.google.com/gmail/add-ons/concepts/widgets

要将按钮水平对齐,您可以使用以下黑客:

var whitespaces = "                        ";

section.addWidget(CardService.newTextButton().setText(whitespaces + "button" + whitespaces).setOnClickAction(action));