Мне нужна помощь в стилизации компонентов FormItem в Flex
У меня есть форма, которую я хотел бы стилизовать. в частности, я хотел бы изменить цвет фона метки элемента формы. (атрибут backgorundColor изменяет цвет метки и фона входов)
т.е.
<mx:Form>
<mx:FormItem label = "username:">
<mx:TextInput />
</mx:FormItem>
</mx:Form>
Я хотел бы, чтобы метка с 'username:' имела другой цвет фона, но чтобы вводимый текст оставался цветом фона по умолчанию.
возможно ли это с помощью FormItem?
Ответы 3
Попробуйте использовать проводники гибких стилей, чтобы создать желаемый стиль:
Я использовал TextArea в проводнике стилей и отформатировал цвет фона, который дал следующий вывод css:
TextArea {
backgroundColor: #0000ff;
}
Вы можете изменить это на следующее, чтобы включить в свою таблицу стилей:
.formLabel {
backgroundColor: #0000ff;
}
Затем в теге FormItem:
<FormItem label = "Label" styleName = "formLabel" />
Дополнительная информация о таблицах стилей Flex: Таблицы стилей Flex
Эти примеры показывают, что вы можете объявлять стили в тегах стилей mxml, а не во внешней таблице стилей, если хотите.
У formitem есть объект, который он использует для отображения метки, называемый FormItemLabel, цель этого объекта состоит в том, чтобы вы могли стилизовать метку элемента формы.
Во флексе 2, чтобы изменить стиль, вы можете попробовать:
FormItemLabel {
}
Однако я просмотрел ссылку на язык flex 2, и не похоже, что вы можете изменить цвет фона метки. Нажмите здесь, чтобы получить ссылку на язык
Если вы используете Flex 3, желаемый способ изменить метку FormItem - через formitems labelStyleName
FormItem {
labelStyleName: newStyle;
}
Однако я снова не верю, что они добавили возможность изменять цвет фона самой метки. Нажмите здесь, чтобы получить ссылку на язык
Лучшим вариантом действия, если это требуется, было бы расширение класса formitem, если у кого-то еще нет никаких идей.
Надеюсь это поможет...
Как я вижу, проблема "зависает без ответа" два года ... и мне нужна точно такая же функциональность - другой цвет фона для стороны ярлыка.
Я использую Flex3. Я попробовал фон формы - это меняет всю форму. Затем попробовал FormItem - если у вас есть только текстовый ввод - он закрывает фон, но если у вас мало кнопок, промежуток между ними также имеет тот же цвет. Затем вам понадобится дополнительный HBox с другим фоном. А также нет разрыва между фоном метки и элементом управления вводом.
Я не хочу переписывать элемент управления FormItem.
Кажется, мне нужно будет использовать стиль моих предков: Grid вместо форм и GridItem вместо FormItem. Затем вы можете оформить каждую ячейку любым цветом. : o (
Я ТОЛЬКО хочу, чтобы метка в FormItem имела цвет фона, а не весь FormItem, я уже сказал в своем сообщении, что атрибут backgroundColor не будет работать для этого ...