Форматирование html в поле showModelessDialog

Question

Ссылка этот вопрос Я создал следующее окно showModelessDialog:

Электронная таблица

Все работает нормально, но я борюсь с форматированием всплывающего окна. Я не трогал html в течение 20 лет, поэтому меня это озадачило.

По сути, я хочу изменить тип шрифта абзаца на шрифт с именем "Teko" и выровнять Close по правому краю. кнопка. Код всплывающего окна выглядит следующим образом:

  var html = Utilities.formatString('<style>input{margin: 1px 0;}</style><p>%s<a href="%s" target="_blank">%s</a>%s<br></p><input type="button" value="Close" onClick="google.script.host.close();" />',splitMessage[0],link,"check in",splitMessage[1]);
  var userInterface = HtmlService.createHtmlOutput(html)
                      .setHeight(115)
                      .setWidth(380);
  SpreadsheetApp.getUi().showModelessDialog(userInterface, subject[i]);

Для шрифта, который я пробовал <p font-family: "Teko"> согласно этой страницы

Что касается кнопки, я имею попробовал align="right" в поле <input безуспешно.

В качестве отступления - если бы я мог удалить одну из строк между заголовком и текстом, это было бы здорово!

Answer 1

Попробуйте это:

function unk() {
  var html='<style>input{margin: 1px 0;float:right;}p{font-family:"Teko";}</style><p>Message <a href="https://google.com" target="_blank"> Link </a> Some Text </p>';
  html+='<br /><input type="button" value="Close" onClick="google.script.host.close();" />';
  var userInterface = HtmlService.createHtmlOutput(html).setHeight(115).setWidth(380); 
  SpreadsheetApp.getUi().showModelessDialog(userInterface, 'Test');
}