[CLOSED] Scrollbar multiselect not appearing

  1. #1

    [CLOSED] Scrollbar multiselect not appearing

    Please check this example. The 'left' scrollbar won't appear. The right scrollbar works normally.

    ASPX
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Bestuurders1.aspx.cs" Inherits="Beheer_Bestuurders" %>
    <%@ 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>Bestuurders</title>
        <style type="text/css">
            .labelActief {
                font    : bold 11px tahoma,arial,sans-serif;
                width   : 400px;
                height  : 15px;
                padding : 5px 0;
                border  : 1px dotted gray;
                color   : Green;
                cursor  : default;
                margin  : 10px;
                background  : #E9E9E9;
                text-align  : center;
                margin-left : 0px;
            }
            .labelPassief {
                font    : bold 11px tahoma,arial,sans-serif;
                width   : 400px;
                height  : 15px;
                padding : 5px 0;
                border  : 1px dotted gray;
                color   : Red;
                cursor  : default;
                margin  : 10px;
                background  : #E9E9E9;
                text-align  : center;
                margin-left : 0px;
            }
            
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" />
        <div>
        <ext:Panel runat="server" Title="Bestuurders" Padding="10">
                        <Items>
                            <ext:TableLayout runat="server" Columns="2">                            
                                <Cells>
                                    <ext:Cell>
                                        <ext:Label runat="server" Html="<div class='labelActief'>Actief</div>" />                                
                                    </ext:Cell>
                                    <ext:Cell>
                                        <ext:Label runat="server" Html="<div class='labelPassief'>Passief</div>" />                                
                                    </ext:Cell>
                                    
                                    <ext:Cell>
                                        <ext:Panel runat="server" Border="false" BodyStyle="height: 370px;">
                                            <Items>                                        
                                                <ext:MultiSelect SortField="text" ID="msActief" runat="server" DragGroup="grp1" DropGroup="grp2,grp1" Width="400" Height="350" StyleSpec="font-size:10px;" KeepSelectionOnClick="WithCtrlKey">
                                                    <Items>
                                                    </Items>
                                                    <ToolTips>
                                                    </ToolTips>
                                                </ext:MultiSelect>      
                                            </Items>
                                        </ext:Panel>                                                             
                                    </ext:Cell>
                                    
                                    <ext:Cell>
                                        <ext:Panel runat="server" Border="false" BodyStyle="height: 370px;">
                                            <Items>
                                                <ext:MultiSelect SortField="text" ID="msPassief" runat="server" DragGroup="grp2" DropGroup="grp1,grp2" Width="400" Height="350" KeepSelectionOnClick="WithCtrlKey">
                                                    <Items>
                                                    </Items>                                            
                                                </ext:MultiSelect>      
                                            </Items>
                                        </ext:Panel>                                                             
                                    </ext:Cell>
                                
                                </Cells>
                            </ext:TableLayout>
                         
                        </Items>
                    </ext:Panel>
      
        </div>
        </form>
    </body>
    </html>
    ASPX.CS
    using System;
    using System.Configuration;
    using System.Collections.Generic;
    using Ext.Net;
    
    public partial class Beheer_Bestuurders : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!ExtNet.IsAjaxRequest && !Page.IsPostBack)
            {
                populateMultiselect();
            }
        }
    
        private void populateMultiselect()
        {
    
            {
                String cCurrent = "0,114918,115110,115151,115152,115465,115466,115525,115664,115715,115755,115756,115993,116054,116237,116782,116928,116987,117030,117154,117794,117827,118540,119075,119088,119594,119897,120858,121450";
                CommaDelimitedStringCollection csv = new CommaDelimitedStringCollection();
                List<String> lString = new List<String>(cCurrent.Split(new[] { ',' }));
                foreach (String item in lString)
                {
                Ext.Net.ListItem li = new Ext.Net.ListItem
                                          {
                                              Value = item,
                                              Text = item
                                          };
                msActief.Items.Add(li);         
                }
            }
        }
    }
    Any ideas how to solve ?

    Martin
    Last edited by Daniil; Oct 11, 2010 at 2:12 PM. Reason: [CLOSED]
  2. #2
    Hi,

    The problem in StyleSpec="font-size:10px;" property, if you remove it then all be fine.
    If you want to change the font of items then set some css class for multiselect (for example, Cls="myFont") and add the following css rule
    <style type="text/css">
            .myFont .ux-mselect-item{
                font-size:10px;
            }
        </style>
  3. #3
    Quote Originally Posted by vladimir View Post
    Hi,

    The problem in StyleSpec="font-size:10px;" property, if you remove it then all be fine.
    If you want to change the font of items then set some css class for multiselect (for example, Cls="myFont") and add the following css rule
    <style type="text/css">
            .myFont .ux-mselect-item{
                font-size:10px;
            }
        </style>
    Thanks Vladsch,

    That did the trick. Cannot explain it...but it worked :)
    Mark as solved !

    Martin

Similar Threads

  1. [CLOSED] [RAZOR] Vertical scrollbars not appearing
    By gets_gui in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 02, 2012, 11:36 AM
  2. Replies: 4
    Last Post: May 09, 2012, 9:24 PM
  3. [CLOSED] IFrame appearing above all other components
    By rbarr in forum 1.x Legacy Premium Help
    Replies: 34
    Last Post: May 09, 2011, 10:46 AM
  4. IFrame appearing above all of components
    By rbarr in forum 1.x Help
    Replies: 0
    Last Post: Apr 11, 2011, 9:10 AM
  5. [CLOSED] button menu appearing in odd location
    By smmille1 in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 21, 2010, 4:09 PM

Posting Permissions