[CLOSED] Absolute layout

[Jean-Pierre Poulin]

When using somthing like this :

                            <ext:LayoutRow>
                                <ext:Panel ID="panel1" Title="<%$Resources:ResStr, ApprovalPanel_Criteria%>" Layout="Absolute"
                                    runat="server" BodyStyle="padding: 6px;" Height="100">
                                    <Items>
                                        <ext:ComboBox ID="criteriaType" runat="server" X="0" FieldLabel="<%$Resources:ResStr, ApprovalField_Type%>">
                                            <Items>
                                                <ext:ListItem Value="Timesheet" Text="<%$Resources:ResStr, ApprovalItem_Timehseet%>" />
                                                <ext:ListItem Value="Expense" Text="<%$Resources:ResStr, ApprovalItem_Expense%>" />
                                            </Items>
                                            <SelectedItem Value="Timesheet" />
                                            <Listeners>
                                                <Select Handler="updateCriteria();" />
                                            </Listeners>
                                        </ext:ComboBox>
                                        <ext:DateField ID="criteriaDateFrom" X="200" FieldLabel="<%$Resources:ResStr, ApprovalField_From%>"
                                            runat="server">
                                            <Listeners>
                                                <Select Handler="updateCriteria();" />
                                            </Listeners>
                                        </ext:DateField>
                                        <ext:DateField ID="criteriaDateTo" X="400" FieldLabel="<%$Resources:ResStr, ApprovalField_To%>"
                                            runat="server">
                                            <Listeners>
                                                <Select Handler="updateCriteria();" />
                                            </Listeners>
                                        </ext:DateField>
                                    </Items>
                                </ext:Panel>
                            </ext:LayoutRow>

You can see the result in Capture.jpg..


If I use this code (FieldLabel attribute removed):

<ext:LayoutRow>
                                <ext:Panel ID="panel1" Title="<%$Resources:ResStr, ApprovalPanel_Criteria%>" Layout="Absolute"
                                    runat="server" BodyStyle="padding: 6px;" Height="100">
                                    <Items>
                                        <ext:ComboBox ID="criteriaType" runat="server" X="0">
                                            <Items>
                                                <ext:ListItem Value="Timesheet" Text="<%$Resources:ResStr, ApprovalItem_Timehseet%>" />
                                                <ext:ListItem Value="Expense" Text="<%$Resources:ResStr, ApprovalItem_Expense%>" />
                                            </Items>
                                            <SelectedItem Value="Timesheet" />
                                            <Listeners>
                                                <Select Handler="updateCriteria();" />
                                            </Listeners>
                                        </ext:ComboBox>
                                        <ext:DateField ID="criteriaDateFrom" X="200" runat="server">
                                            <Listeners>
                                                <Select Handler="updateCriteria();" />
                                            </Listeners>
                                        </ext:DateField>
                                        <ext:DateField ID="criteriaDateTo" X="400" runat="server">
                                            <Listeners>
                                                <Select Handler="updateCriteria();" />
                                            </Listeners>
                                        </ext:DateField>
                                    </Items>
                                </ext:Panel>
                            </ext:LayoutRow>

You can see the result in Capture2.jpg.


What I should do to have label displayed correctly?


Thansks.

[Vladimir]

Hi,

If you use FieldLabel (without FormLayout) then you have to define enough width because FieldLabel by default occupies 100px. Please decrease LabelWidth or increase Width (for example, Width="200")