2011-10-05 2 views
0

Я заметил две отличия между искровыми и mx-формами, которые вызывают у меня некоторые проблемы. По-видимому, по умолчанию формы mx расположены на метке над элементом ввода формы. В Спарке они расположены рядом друг с другом. Кроме того, по умолчанию метки в искровых формах выделены полужирным шрифтом.Горизонтальная форма MX или вертикальная форма искры Flex

Например MX код может быть

<mx:Form width="100%"> 
    <mx:FormItem indicatorGap="0"> 
     <s:Label text="label1"/> 
     <s:TextInput id="input1" width="180"/> 
    </mx:FormItem> 
</mx:Form> 

Для Спарк это может быть

<s:Form> 
    <s:layout> 
     <s:FormLayout gap="-10" paddingLeft="-10" paddingRight="-10"/> 
    </s:layout> 
    <s:FormItem label="label1"> 
     <s:TextInput id="input1" width="180"/> 
    </s:FormItem> 
</s:Form> 

Теперь моя проблема внешний вид каждой формы.

Этикетки искровой формы выделены жирным шрифтом. В идеале я хочу использовать искровую форму и позиционировать ее как по горизонтали, так и по вертикали и не иметь жирной метки. Это возможно?

Это приведет к удалению меня с обеих форм искры и mx в моем приложении.

В качестве альтернативы можно сделать положение формы mx горизонтально?

Благодаря

После ответа здесь является примером искрового формы расположена вертикально

<s:FormItem> 
    <s:Label text="label1" fontWeight="bold"/> 
    <s:TextInput id="input1" /> 
</s:FormItem> 

ответ

1

Прежде всего mx:FormItem также отображает метку в горизонтальном образом, если вы определили его правильно как FormItem собственности , а не как ребенок этого.

<mx:FormItem label="Proper label"> 

Теперь остальная часть вашего вопроса. Смелость метки spark:FormItem определяется как встроенная декларация стиля, поэтому вы не можете много сделать, чтобы определить свой собственный скин для контейнера FormItem. И это также то, как вы можете достичь своего другого требования - верного размещения меток. В качестве альтернативы вы можете сделать то, что вы уже практиковали, с помощью mx:FormItem и определить метку в качестве дочернего элемента. Группа контента spark:FormItem выложена с использованием VerticalLayout, поэтому она должна работать так, как вам хочется.

С уважением.

+0

Спасибо 2DH. Вы правы, это работает. Я обновляю вопросы с помощью примера – RNJ

 Смежные вопросы

  • Нет связанных вопросов^_^