Как стилизовать значение различных типов входных виджетов через код?

Question

У меня есть форма, которая содержит несколько виджетов ввода, таких как текстовое поле, раскрывающийся список, текстовое поле, подсказка, радиогруппа, мультиселект и т. Д.

По умолчанию виджеты ввода отключены.

Когда я нажимаюна кнопке все они включаются.Я также хотел бы, чтобы их цвет текста менялся при нажатии на эту кнопку.

Примечание. Я не хочу менять цвет надписи виджета.Только значение цвета.

Как это сделать в коде для каждого?Если бы вы могли привести один пример для каждого виджета, например, текстовое поле, выпадающий список, множественный выбор, радиогруппа и т. Д.

В поисках общего решения.

Answer 1

Чтобы дать вам представление о том, что я тестировал с TextBox и работал, но с TextAreas значение Input или Value не изменилось, так же как и другие параметры multiselect и radioGroup, он не принял css, как ожидалось.

Когда вы нажимаете на текстовое поле и из стиля страницы CSS, вы начинаете печатать "." Вы найдете различные варианты для выбранного виджета. Используя TextBox, есть опция Input, поэтому вы создаете глобальный стиль, подобный этому.

    .color Input{
          color:teal;              
                 }

Это изменит ввод ввода TextBox, так же, как если бы вы делали с Label, просто используйте тот же класс CSS, просто измените параметр, который вы хотите изменить. .color Label {}.

Также, чтобы применить изменения к виджету, просто создайте функцию, подобную этой.

function textBoxColorChange() {

  app.pages.NewPage.descendants.TextArea1.styles = ["color"];

}

И создайте событие OnClick для кнопки, чтобы внести изменения.

С другими виджетами у меня нет времени продолжать тестирование, но я надеюсь, что это поможет понять идею. Привет.

Answer 2

Скажем, вы хотите изменить текст вашего текстового поля красным, когда вы нажимаете кнопку.добавьте класс на вашу вкладку стилей, например

.red{
  color: red;
}

, затем скажите, что у вас есть текстовое поле с именем textbox1, в событии onclick вашей кнопки введите следующий код:

widget.root.descendants.textbox1.styles = ['red'];    

то же самое для всехдругие типы