What's New?

[CLOSED] CompositeField LabelWidth

  1. #1
    Jul 18, 2012, 8:00 PM

    [CLOSED] CompositeField LabelWidth

    Hi,

    I'm trying to set the length of the CompositeField Label property in order to have its controls left-aligned with the FormPanel's controls just above. CompositeFields reside on a FormPanel-nested FieldsSet and therefore are right-shifted a bit. Setting LabelWidth seemingly has no effect. Please suggest the correct approach to achieve the controls alignment.
    Last edited by geoffrey.mcgill; Jul 19, 2012 at 1:11 PM. Reason: [CLOSED]
  2. #2
    Jul 18, 2012, 8:26 PM
    Please start us off with a simple sample demonstrating what you have configured so far.

    The following forum posts provide guides on submitting forum posts and code samples:

    http://forums.ext.net/showthread.php...ing-New-Topics

    http://forums.ext.net/showthread.php...ation-Required
    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  3. #3
    Jul 18, 2012, 9:10 PM
    I'm trying to left-align the FirstField and LastName text fields. Please advise how to approach this.

    <%@ Page Language="C#" %>

<%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <ext:ResourceManager runat="server" />
            <ext:FormPanel runat="server" Padding="10" LabelAlign="Left" Border="true"
                Width="500" Frame="true">
                <Items>
                    <ext:CompositeField runat="server" FieldLabel="First Field">
                        <Items>
                            <ext:TextField runat="server" Width="100" />
                            <ext:ToolbarSpacer Width="20">
                            </ext:ToolbarSpacer>
                            <ext:DisplayField runat="server" Text="Date:" Width="60">
                            </ext:DisplayField>
                            <ext:DateField runat="server" Editable="false" Width="100">
                            </ext:DateField>
                        </Items>
                    </ext:CompositeField>
                    <ext:FieldSet runat="server" Title="Search Criteria" Layout="FormLayout">
                        <Items>
                            <ext:CompositeField runat="server" FieldLabel="Last Name">
                                <Items>
                                    <ext:TextField runat="server" Width="100" />
                                    <ext:DisplayField runat="server" Text="First&nbsp;Name:" Width="60">
                                    </ext:DisplayField>
                                    <ext:TextField runat="server" Width="100" />
                                </Items>
                            </ext:CompositeField>
                            <ext:CompositeField ID="CompositeField2" runat="server" FieldLabel="Province">
                                <Items>
                                    <ext:TextField runat="server" Width="100" />
                                    <ext:DisplayField runat="server" Text="City:" Width="60">
                                    </ext:DisplayField>
                                    <ext:TextField runat="server" Width="100" />
                                </Items>
                            </ext:CompositeField>
                        </Items>
                    </ext:FieldSet>
                </Items>
            </ext:FormPanel>

    </form>
</body>
</html>
  4. #4
    Jul 19, 2012, 8:54 AM
    Hi,

    Thanks for the sample.

    You should set up LabelWidth for the containers, not for the fields.

    For example,
    LabelWidth="55"
    for the FormPanel and
    LabelWidth="65"
    for the FieldSet.

    See also
    http://docs.sencha.com/ext-js/3-4/#!/api/Ext.form.FormPanel-cfg-labelWidth

    In Ext.NET v2 this and other FieldLabel settings can be specified for separate fields.
  5. #5
    Jul 19, 2012, 12:55 PM
    Thanks for the clarification Daniil! That's explained it pretty well. You can mark this thread as resolved.

Similar Threads

  1. Field Label with long text value grows beyond 'LabelWidth' property of formpanel
    By DougMcDonald in forum 1.x Help
    Replies: 4
    Last Post: Jul 29, 2011, 7:02 AM
  2. Setting LabelWidth depending on text length
    By Ealirene in forum 1.x Help
    Replies: 5
    Last Post: Jul 19, 2010, 11:25 AM
  3. [CLOSED] [1.0] Checkbox Group not applying labelwidth for childs
    By webclouder in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 12, 2010, 12:11 PM
  4. [CLOSED] [1.0] Latest SVN issue with MultiField LabelWidth
    By bsnezw in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Feb 03, 2010, 11:05 AM

Tags for this Thread

Posting Permissions