[CLOSED] Multiselect horitzontal item overflow

[softmachine2011]

Hi,

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


Version 2.1


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">
                    <Store>
                        <ext:Store ID="dsDescripciones" runat="server" AutoLoad="false" ShowWarningOnFailure="false">
                            <Proxy>
                                <ext:AjaxProxy Url='<%# ViewData[ViewModel.ROUTE_URL_FILTRO]+"/ListaDescripciones" %>'
                                    AutoDataBind="true">
                                    <Reader>
                                        <ext:JsonReader Root="data" />
                                    </Reader>
                                </ext:AjaxProxy>
                            </Proxy>
                            <Model>
                                <ext:Model runat="server">
                                    <Fields>
                                        <ext:ModelField Name="CodigoInterno" Type="Int" />
                                        <ext:ModelField Name="EtiquetaSinTraducir" />
                                        <ext:ModelField Name="Descripcion" />
                                        <ext:ModelField Name="ExtraData" />
                                    </Fields>
                                </ext:Model>
                            </Model>
                            <Parameters>
                                <ext:StoreParameter Name="TipoFiltro" Value='<%# ViewData[FiltroParams.TIPO_FILTRO] %>'
                                    Mode="Value" AutoDataBind="true" />
                                <ext:StoreParameter Name="FiltroCI" Value="myNamespace.getFiltroCI()"
                                    Mode="Raw" />
                            </Parameters>
                            <Listeners>
                                <BeforeLoad Handler="lstDescripcion.setDisabled(true);" />
                                <Load Handler="lstDescripcion.setDisabled(false);" />
                                <Exception Fn="myNamespace.errorHandler" />
                            </Listeners>
                        </ext:Store>
                    </Store>
                    <ListConfig>
                        <Listeners>
                            <ItemClick Fn="myNamespace.onDescriptionSelectionChange" />
                        </Listeners>
                    </ListConfig>
                </ext:MultiSelect>

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

[Daniil]

Hi,

Setting "nowrap" for the items helps.

Example

<ListConfig runat="server" Cls="my-list" />

<style type="text/css">
    .my-list .x-boundlist-item {
        white-space: nowrap;
    }
</style>

[softmachine2011]

Works as expected.

Thanks

PS: Maybe it could be added like a control property.

[Daniil]

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.