<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
             xmlns:gxt="urn:import:com.sencha.gxt.widget.core.client"
             xmlns:container="urn:import:com.sencha.gxt.widget.core.client.container"
             xmlns:form="urn:import:com.sencha.gxt.widget.core.client.form"
             xmlns:g='urn:import:com.google.gwt.user.client.ui'>

    <ui:with type="com.sencha.gxt.core.client.util.Margins" field="sideMargins">
        <ui:attributes top="4" right="4" bottom="4" left="4" />
    </ui:with>

    <ui:with type="com.sencha.gxt.core.client.util.Margins" field="centerMargins">
        <ui:attributes top="4" right="0" bottom="4" left="0" />
    </ui:with>

    <ui:with type="com.sencha.gxt.widget.core.client.container.HorizontalLayoutContainer.HorizontalLayoutData"
             field="centerLayoutData">
        <ui:attributes width="1" height="1" margins="{centerMargins}" />
    </ui:with>

    <ui:with type="com.sencha.gxt.widget.core.client.container.HorizontalLayoutContainer.HorizontalLayoutData"
             field="sideLayoutData">
        <ui:attributes width="-1" height="1" margins="{sideMargins}" />
    </ui:with>

    <ui:with type="com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer.VerticalLayoutData" field="verticalLayoutData">
        <ui:attributes width="1" height="-1" />
    </ui:with>

    <ui:with type="com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer.VerticalLayoutData" field="descriptionLayoutData">
        <ui:attributes width="1" height="100" />
    </ui:with>

    <ui:with field="doubleEditor"
             type="com.sencha.gxt.widget.core.client.form.NumberPropertyEditor.DoublePropertyEditor"/>

    <gxt:Window ui:field="window" pixelSize="500, 300" modal="false" headingText="Hello Window">
        <container:HorizontalLayoutContainer>
            <container:child layoutData="{sideLayoutData}">
                <container:VerticalLayoutContainer>

                    <container:child layoutData="{verticalLayoutData}">
                        <form:FieldLabel text="От Даты">
                            <form:widget>
                                <form:DateField ui:field="fromDate" />
                            </form:widget>
                        </form:FieldLabel>
                    </container:child>

                    <container:child layoutData="{verticalLayoutData}">
                        <form:FieldLabel text="До Даты">
                            <form:widget>
                                <form:DateField ui:field="toDate" />
                            </form:widget>
                        </form:FieldLabel>
                    </container:child>

                    <container:child layoutData="{verticalLayoutData}">
                        <form:FieldLabel text="Сумма">
                            <form:widget>
                                <form:NumberField ui:field="sum"/>
                            </form:widget>
                        </form:FieldLabel>
                    </container:child>

                    <container:child layoutData="{verticalLayoutData}">
                        <form:FieldLabel text="Ставка">
                            <form:widget>
                                <form:NumberField ui:field="stake"/>
                            </form:widget>
                        </form:FieldLabel>
                    </container:child>

                </container:VerticalLayoutContainer>

            </container:child>

            <container:child layoutData="{centerLayoutData}">
                <container:VerticalLayoutContainer>

                    <container:child layoutData="{verticalLayoutData}">
                        <form:FieldLabel text="Дней">
                            <form:widget>
                                <form:NumberField ui:field="days"/>
                            </form:widget>
                        </form:FieldLabel>
                    </container:child>

                    <container:child layoutData="{verticalLayoutData}">
                        <g:Button text="Пересчитать"/>
                    </container:child>

                    <container:child layoutData="{verticalLayoutData}">
                        <form:FieldLabel text="Сумма %">
                            <form:widget>
                                <form:NumberField ui:field="percentageSum"/>
                            </form:widget>
                        </form:FieldLabel>
                    </container:child>

                    <container:child layoutData="{verticalLayoutData}">
                        <gxt:ListView ui:field="percentsList" height="75px"/>
                    </container:child>

                </container:VerticalLayoutContainer>
            </container:child>

        </container:HorizontalLayoutContainer>
    </gxt:Window>
</ui:UiBinder>