[CLOSED] MultiSelect drag and drop not formatting properly [1.0]

[SFritsche]

In a MultiSelect, I am adding items to one MS and the user will drag items to the other. When I add the items to the left MS, it looks fine. When I drag items to the right MS, they do not render in a visible manner. They are there and can be grabbed and dragged back... just seemingly with no text. What am I missing?

Thanks.
-Steve

protected void Page_Load(object sender, EventArgs e)
{
    if (!X.IsAjaxRequest)
    {
        storeCandidateRecipients.DataSource = new object[]
        {
            new object[] {1,"U","Fred"},
            new object[] {2,"U","Jed"},
            new object[] {3,"U","Jill"},
            new object[] {4,"U","Bill"},
        };
        storeCandidateRecipients.DataBind();
        storeSelectedRecipients.DataSource = new object[] { };
        storeSelectedRecipients.DataBind();
    }
}

<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Store ID="storeSelectedRecipients" runat="server" AutoLoad="true">
     <Reader>
     <ext:ArrayReader IDProperty="theID">
            <Fields>
                <ext:RecordField Name="theID" Type="Int" />
                <ext:RecordField Name="UserOrGroup" Type="String" />
                <ext:RecordField Name="DisplayName" Type="String" />
            </Fields>
     </ext:ArrayReader>
     </Reader>
</ext:Store> <!--Data store for selected Types -->
<ext:Store ID="storeCandidateRecipients" runat="server" AutoLoad="true">
     <Reader>
     <ext:ArrayReader>
            <Fields>
                <ext:RecordField Name="theID" Type="Int" />
                <ext:RecordField Name="UserOrGroup" Type="String" />
                <ext:RecordField Name="DisplayName" Type="String" />
            </Fields>
     </ext:ArrayReader>
     </Reader>
</ext:Store> <!--Data store for Recipients that may be selected-->
<ext:Window runat="server" ID="wndRecipients" Title="Message Recipients" Width="420" Height="270" Modal="true" InitCenter="true" Hidden="false" Closable="true" CloseAction="Hide" BodyStyle="padding:10px;">
<Items>
    <ext:TableLayout runat="server" Columns="3">
    <Cells>
        <ext:Cell>
            <ext:MultiSelect 
                ID="msCandidateRecipients" 
                StoreID="storeCandidateRecipients" 
                ValueField="theID" DisplayField="DisplayName" 
                Legend="Available Recipients" 
                runat="server" 
                DragGroup="grp2" 
                DropGroup="grp2,grp1" 
                Width="180" Height="190" 
                KeepSelection&#111;nclick="WithCtrlKey" />
        </ext:Cell>
        <ext:Cell>
            <ext:Button runat="server" Icon="ForwardGreen" Text="" />
        </ext:Cell>
        <ext:Cell>
            <ext:MultiSelect ID="msSelectedRecipients" 
                StoreID="storeSelectedRecipients" 
                ValueField="theID" DisplayField="DislayName" 
                Legend="Selected Recipients" runat="server"  
                DragGroup="grp1" DropGroup="grp2,grp1" 
                Width="180" Height="190"
                KeepSelection&#111;nclick="WithCtrlKey" />
        </ext:Cell>
        <ext:Cell ColSpan="3">
            <ext:Label runat="server" ID="Label1" Text="Drag items from left to right.  Where do they go?  They just get really small, too small to display." />
        </ext:Cell>
    </Cells>
    </ext:TableLayout>
</Items>
</ext:Window>
</form>

[Vladimir]

Hi,

Just misprint in the DisplayField property of the right MultiSelect
DislayName -> DisplayName

[SFritsche]

Dang! That was stupid. Thanks.

-Steve