Элементы на main screen

Вопросы и проблемы
#1

Добрый день.
Я создаю свой main screen, в котором друг под другом располагаю hbox
в одном hbox лежит label, в другом поле поиска fts.
При отображении такого main screen между этими элементами очень большое расстояние, которое не уменьшается с помощью моего стиля.

image

Мои стили, в которых я пыталась уменьшить расстояние между элементами перекрываются стилем, который я выделила красными рамочками

image

В дизайнере экран выглядит так:
image

Подскажите, пожалуйста, как можно уменьшить расстояние между этими элементами?

#2

Вы бы лучше верстку экрана приложили…

#3

Что вы имеет в виду под “вёрсткой”? Как экран в дизайнере выглядит? Или xml этого экрана?

#4

Второе.

#5 
                <!--
                    This is the work area - central part of the screen.
                    Put your components here.
                -->
                    <hbox width="100%" margin="true" align="TOP_CENTER" spacing="true"
                          stylename="layout-mainscreen">
                        <label id="topLabel" value="mainMsg://MainScreen.welcome" stylename="label-mainscreen-welcome"
                               align="TOP_CENTER"/>
                    </hbox>
                    <hbox width="50%"
                          align="MIDDLE_CENTER"
                          margin="false,true,true,true" spacing="true" stylename="layout-mainscreen">
                        <grid spacing="true" margin="true" width="100%">
                            <columns count="2"/>
                            <rows>
                                <row>
                                    <label id="searchLabel" value="mainMsg://MainScreen.searchLabel"
                                           stylename="linkbuttons-mainscreen-fontsize" width="100%" align="MIDDLE_RIGHT"/>
                                    <ftsField id="ftsField"
                                              align="MIDDLE_LEFT" width="100%" stylename="search-mainscreen-border"/>
                                </row>
                            </rows>
                        </grid>
                    </hbox>
#6

На картинке у вас 3 hbox, здесь - два.
Ну да ладно… В общем случае:

  1. Установите у родительского компонента expand второго контейнера hbox.
  2. Можете поиграться с box.expandRatio для обоих hbox.
1 симпатия