Как обернуть текст в кнопке и изменить цвет кнопки при нажатии в Google App Maker?

Question

Не кодировался годами, а начал играть с Google App Maker на прошлой неделе. Как следует из названия, у меня есть пара вопросов.

1. Я пытаюсь выяснить, есть ли способ динамического изменения цвета кнопки при нажатии. Прямо сейчас у меня есть кнопка, изменяющая включенное состояние на false при нажатии, и использующая стиль CSS, чтобы изменить цвет отключенных кнопок на серый. Есть ли способ сделать это без отключения кнопки?

2. Есть ли способ обернуть текст в кнопку? Прямо сейчас я накладываю метку на кнопку с правильно стилизованным шрифтом, но в идеале хотелось бы, чтобы этот текст был из кнопки, так как пространство, которое занимает метка, не кликабельно.

Заранее спасибо за любую помощь!

Answer 1

добавить несколько строк на вашу страницу или глобальные стили этого это должно позволить вам обернуть текст.

.app-Button {
  white-space: pre-wrap;
}

Скажем, вы хотите изменить свою синюю кнопку, когда логическое значение в вашем источнике данных изменится на "true".

добавить класс в ваши стили

.blue{
  background: blue;
}

, затем выберите вашу кнопку и в редакторе свойств> Показать> стили щелкните раскрывающийся список и выберите привязку

установить привязку к

=@datasource.item.**YourBooleanItem** === true? ['blue']:[]