What's New?

[CLOSED] Simple checkbox under a multiselect

  1. #1
    Feb 07, 2012, 12:18 PM

    [CLOSED] Simple checkbox under a multiselect

    Hi,

    This is a simple question, I want a checkbox under a multiselect, but the 2 are overlapping with my code:

    <West>
                            <ext:Panel Width="320" ID="HorizCables" runat="server" Border="false"
                                Padding="6">
                                <Items>

                                    <ext:MultiSelect NoteAlign="Top" Note="Select cables that trigger an email" SubmitText="false" SubmitValue="false" ID="HorizCablesSelect" Legend="Horizontal Cables"
                                        runat="server" Width="300" Height="300" StoreID="HorizCablesStore" DisplayField="Label"
                                        ValueField="CableId">
                                        <Items>
                                        </Items>
                                    </ext:MultiSelect>
                                    <ext:Checkbox ID="AllCables" runat="server" FieldLabel="Trigger for any cable"></ext:Checkbox>

                                </Items>
                            </ext:Panel>
                        </West>
    This looks like this:

    Click image for larger version.  Name: Capture.PNG  Views: 128  Size: 9.4 KB  ID: 3812

    Any ideas?
    Last edited by Daniil; Feb 07, 2012 at 1:34 PM. Reason: [CLOSED]
  2. #2
    Feb 07, 2012, 1:03 PM
    Hi,

    I would suggest the following fix:

    1. Wrap the Checkbox in a Container with Layout="FormLayout".

    2. Set up Cls="my-checkbox" for that Contaner.
    .my-checkbox {
    padding-top: 16px;
}
    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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>Ext.NET Example</title>
    <style type="text/css">
        .my-checkbox {
            padding-top: 16px;
        }
    </style>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:Panel runat="server" Border="false">
        <Items>
            <ext:MultiSelect
                runat="server" 
                Width="300" 
                Height="300" 
                NoteAlign="Top" 
                Note="Note"
                Legend="Legend" 
                Cls="my-multiselect" />

            <ext:Container runat="server" Layout="FormLayout" Cls="my-checkbox">
                <Items>
                    <ext:Checkbox runat="server" FieldLabel="FieldLabel" />
                </Items>
            </ext:Container>
        </Items>
    </ext:Panel>
    </form>
</body>
</html>
  3. #3
    Feb 07, 2012, 1:22 PM
    Cheers, that's sorted it

Similar Threads

  1. [CLOSED] Getting drag source MultiSelect when dragging item from MultiSelect to MultiSelect
    By jwaite in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: May 09, 2012, 9:24 PM
  2. How to search in a MULTISELECT ? (similar effect in MultiSelect ASPX)
    By cmujica in forum 1.x Help
    Replies: 4
    Last Post: Feb 20, 2012, 11:14 AM
  3. [CLOSED] How do i Set Focus On the first CheckBox Inside a GridPanel with a CheckBox Selection Model
    By pdcase in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 06, 2010, 9:08 AM
  4. Load second MultiSelect when select item in First MultiSelect
    By khuc6 in forum 1.x Help
    Replies: 0
    Last Post: Mar 09, 2010, 7:28 AM
  5. [CLOSED] Adding Checkbox items to checkbox group during a postback?
    By vedagopal2004 in forum 1.x Legacy Premium Help
    Replies: 19
    Last Post: Feb 05, 2010, 10:13 AM

Posting Permissions