[CLOSED] Multiselect horitzontal item overflow

  1. #1

    [CLOSED] Multiselect horitzontal item overflow


    In v1.x all items of multiselect shows in one line but in v2.1 item occupies more than one simple line extending the item height.

    I attach images to see what's the difference.

    Version 1.x
    Click image for larger version. 

Name:	Filtro_v1.png 
Views:	91 
Size:	26.6 KB 
ID:	4760

    Version 2.1
    Click image for larger version. 

Name:	Descripciones Filtro.png 
Views:	96 
Size:	31.8 KB 
ID:	4759

    As you can see in v1.x horizontal scroll appears if needed.

    This is multiselect code:
    <ext:MultiSelect ID="lstDescripcion" runat="server" DisplayField="Descripcion" SingleSelect="true"
                        AutoScroll="true" ValueField="CodigoInterno">
                            <ext:Store ID="dsDescripciones" runat="server" AutoLoad="false" ShowWarningOnFailure="false">
                                    <ext:AjaxProxy Url='<%# ViewData[ViewModel.ROUTE_URL_FILTRO]+"/ListaDescripciones" %>'
                                            <ext:JsonReader Root="data" />
                                    <ext:Model runat="server">
                                            <ext:ModelField Name="CodigoInterno" Type="Int" />
                                            <ext:ModelField Name="EtiquetaSinTraducir" />
                                            <ext:ModelField Name="Descripcion" />
                                            <ext:ModelField Name="ExtraData" />
                                    <ext:StoreParameter Name="TipoFiltro" Value='<%# ViewData[FiltroParams.TIPO_FILTRO] %>'
                                        Mode="Value" AutoDataBind="true" />
                                    <ext:StoreParameter Name="FiltroCI" Value="myNamespace.getFiltroCI()"
                                        Mode="Raw" />
                                    <BeforeLoad Handler="lstDescripcion.setDisabled(true);" />
                                    <Load Handler="lstDescripcion.setDisabled(false);" />
                                    <Exception Fn="myNamespace.errorHandler" />
                                <ItemClick Fn="myNamespace.onDescriptionSelectionChange" />
    How can I have all items in a single line with horitzontal scroll in v2.1? I tried with Overflow-X=Scroll , Auto, ... property of multiselect but it doesn't work
    Last edited by Daniil; Sep 12, 2012 at 6:39 PM. Reason: [CLOSED]
  2. #2

    Setting "nowrap" for the items helps.

    <ListConfig runat="server" Cls="my-list" />
    <style type="text/css">
        .my-list .x-boundlist-item {
            white-space: nowrap;
  3. #3
    Works as expected.


    PS: Maybe it could be added like a control property.
  4. #4
    Quote Originally Posted by softmachine2011 View Post
    Maybe it could be added like a control property.
    Thank you for the suggestion. Yes, it would be good to have such option.

    But, I am afraid, this attitude can lead Ext.NET bloating. Too many possible scenarios => too many properties => too many Ext.NET size => bad performance => you don't like Ext.NET anymore:)

    Though, anyway, I will keen an eye on it. Than you again.

Similar Threads

  1. Replies: 4
    Last Post: May 09, 2012, 9:24 PM
  2. Get MultiSelect Item , ContextMenu ?
    By Mohammad in forum 1.x Help
    Replies: 0
    Last Post: Dec 10, 2011, 6:44 AM
  3. Replies: 0
    Last Post: Mar 09, 2010, 7:28 AM
  4. Replies: 0
    Last Post: Apr 15, 2009, 7:49 AM
  5. [CLOSED] MultiSelect Item CSS
    By Tbaseflug in forum 1.x Help
    Replies: 3
    Last Post: Apr 01, 2009, 7:42 AM

Tags for this Thread

Posting Permissions