Dec 22, 2014, 4:09 PM
[CLOSED] FormPanel field label spacing
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
<ext:ResourceManager runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:FormPanel Title="Ext.Net 2.x" Margin="10" Width="200" runat="server">
<FieldDefaults LabelAlign="Top" />
<Items>
<ext:TextField FieldLabel="Field 1" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 2" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 3" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 4" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 5" AnchorHorizontal="100%" runat="server" />
</Items>
</ext:FormPanel>
</body>
</html>
On version 2.x, the label closer to the fieldthan on version 3.x
It's possible to overcome the issue above by doing the following:
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<style type="text/css">
.x-form-item-label-default {
min-height: 15px !important;
}
.x-form-item-label-top.x-form-item-label-default > .x-form-item-label-inner {
padding-bottom: 0px !important;
}
</style>
</head>
<body>
<ext:ResourceManager runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:FormPanel Title="Ext.Net 3.x" Margin="10" Width="200" runat="server">
<FieldDefaults LabelAlign="Top" />
<Items>
<ext:TextField FieldLabel="Field 1" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 2" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 3" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 4" AnchorHorizontal="100%" runat="server" />
<ext:TextField FieldLabel="Field 5" AnchorHorizontal="100%" runat="server" />
</Items>
</ext:FormPanel>
</body>
</html>
Last edited by Daniil; Dec 27, 2014 at 7:28 PM.
Reason: [CLOSED]