Apr 09, 2013, 4:20 PM
[CLOSED] HBoxLayout doesn't work inside of FieldContainer
Hello All,
For some reason HBox layout doesn't work well inside of FieldContainer. I specially filled in area of Field Container by green color in order to be sure that it is correctly aligned inside of fieldset. However, the second dropdown box should occupy the rest space of container, but it doesn't work. Please see attached picture:
When I try to use just container instead of field container all is working well. Here is my code:
Alexander
For some reason HBox layout doesn't work well inside of FieldContainer. I specially filled in area of Field Container by green color in order to be sure that it is correctly aligned inside of fieldset. However, the second dropdown box should occupy the rest space of container, but it doesn't work. Please see attached picture:
When I try to use just container instead of field container all is working well. Here is my code:
<ext:Panel ItemID="MainSearchPanel" runat="server" Border="false" Region="East" Collapsible="true" Split="true" CollapseMode="Mini" Title="Company search" Width="200" BodyStyle="background-color : #F4F4F4 !important;" Layout="VBoxLayout">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" Pack="Start" />
</LayoutConfig>
<Items>
<ext:FieldSet runat="server" Title="Company" ItemID="fsSearchCompany" LabelAlign="Top" Margin="3" Flex="1" DefaultAnchor="100%">
<Items>
<ext:FieldContainer runat="server" Layout="HBoxLayout" LabelAlign="Top" FieldLabel="Rating" StyleSpec="background-color :green !important;">
<Defaults>
<ext:Parameter Name="editable" Value="false" Mode="Raw" />
<ext:Parameter Name="forceSelection" Value="true" Mode="Raw" />
<ext:Parameter Name="selectOnFocus" Value="true" Mode="Raw" />
</Defaults>
<Items>
<ext:ComboBox runat="server" TagString="CompanyRatingSelector" Width="40" Margins="0 3 0 0" HideLabel="true">
<Items>
<ext:ListItem Text="Less" Value="1" />
<ext:ListItem Text="More" Value="2" />
</Items>
</ext:ComboBox>
<ext:ComboBox runat="server" TagString="CompanyRating" Flex="1" HideLabel="true">
<Items>
<ext:ListItem Text="Rating 1" Value="1" />
<ext:ListItem Text="Rating 2" Value="2" />
<ext:ListItem Text="Rating 3" Value="3" />
<ext:ListItem Text="Rating 4" Value="4" />
<ext:ListItem Text="Rating 5" Value="5" />
</Items>
<SelectedItems>
<ext:ListItem Value="3" />
</SelectedItems>
</ext:ComboBox>
</Items>
</ext:FieldContainer>
</Items>
</ext:FieldSet>
</Items>
</ext:Panel>
Thanks,Alexander
Last edited by Baidaly; Apr 10, 2013 at 12:16 AM.
Reason: [CLOSED]