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

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<window xmlns="http://schemas.haulmont.com/cuba/screen/window.xsd"
        caption="msg://accountEdit.caption"
        focusComponent="form"
        messagesPack="com.company.ucotestfornewemployee.web.screens.account">
    <data>
        <instance id="accountDc"
                  class="com.company.ucotestfornewemployee.entity.Account">
            <view extends="_local">
                <property name="photoFile" view="_minimal"
                />
            </view>
            <loader/>
        </instance>
    </data>
    <dialogMode height="600"
                width="800"/>
    <layout expand="editActions" spacing="true">
            <groupBox>
                <form id="form" dataContainer="accountDc">
                    <column width="350px">
                        <textField id="nameField" property="name"/>
                        <upload id="uploadField" caption="msg://uploadFile"/>
                        <image editable="true" />
                        <textField id="surnameField" property="surname"/>
                        <textField id="middleNameField" property="middleName"/>
                    </column>
                </form>
            </groupBox>

            <hbox id="editActions" spacing="true">
                <button id="commitAndCloseBtn" action="windowCommitAndClose"/>
                <button id="closeBtn" action="windowClose"/>
            </hbox>
        <accordion height="100px">
            <tab id="tab" caption="Tab1"/>
            <tab id="tab_1" caption="Tab2"/>
        </accordion>

    </layout>

</window>

Вы можете обернуть все в компонент hbox.

Глеб