[CLOSED] ComboBox didn't show all the text

  1. #1

    [CLOSED] ComboBox didn't show all the text

    Hi:

    I have a ComboBox on the page and bind it with a array as data source. I have a issue that when the text in the combo box is too long. When you drop down the list, the items in the list will not show full text. I attached the screen shoot. I am wondering whether there is way I can add a horiz scroll bar on the bottom of the list. Thank you

    Click image for larger version. 

Name:	screenshot-1.jpg 
Views:	175 
Size:	60.4 KB 
ID:	4311
    Last edited by Daniil; Jun 04, 2012 at 7:31 PM. Reason: [CLOSED]
  2. #2
    Hi,

    I can see a possibility to set up scrolling for each item.
    <ext:ComboBox runat="server" ListClass="my-list">
    <style type="text/css">
        .my-list .x-combo-list-item {
            overflow-x: scroll;
            text-overflow: normal;
        }
    </style>
    But it will cases horizontal scrollbar to be appeared for each item independently it is required or not. So, it doesn't look so well.

    What about to just increase list width?
    <ext:ComboBox runat="server" ListWidth="300">
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    I can see a possibility to set up scrolling for each item.
    <ext:ComboBox runat="server" ListClass="my-list">
    <style type="text/css">
        .my-list .x-combo-list-item {
            overflow-x: scroll;
            text-overflow: normal;
        }
    </style>
    But it will cases horizontal scrollbar to be appeared for each item independently it is required or not. So, it doesn't look so well.

    What about to just increase list width?
    <ext:ComboBox runat="server" ListWidth="300">
    That's the issue for width. Basically we have this issue when we squeeze the browser so I think we can not increase the width.
    How about tooltips? could we add a tooltips which can show full length text for each item in the list?
  4. #4
  5. #5
    Quote Originally Posted by Daniil View Post
    I try the tooltips control but it looks doesn't work
    the markup is:
    <ext:ComboBox ID="ComboBoxItemList" runat="server" SelectedIndex="0" Editable="false"
        StoreID="StoreTaskItemList" DisplayField="Name" ValueField="Id" TabIndex="2"
        TypeAhead="True" TriggerAction="All">
        <Listeners>
            <Select Fn="forecast.taskItemChange" Delay="1"></Select>
            <AfterRender Handler="this.doQuery('', true);" />
        </Listeners>
    </ext:ComboBox>
    <ext:ToolTip ID="ToolTip1" runat="server" Target="={#{ComboBoxItemList}.list}" Delegate=".x-combo-list-item"
        TrackMouse="true">
        <Listeners>
            <Show Handler="this.body.update(this.triggerElement.innerHTML);" />
        </Listeners>
    </ext:ToolTip>
    but when I drill down the list in combo box, nothing happend
  6. #6
    There is
    LazyInit="false"
    in my example.

    Please set up.

    It the issue still persists then please provide a full test case to reproduce the problem.
  7. #7
    Quote Originally Posted by Daniil View Post
    There is
    LazyInit="false"
    in my example.

    Please set up.

    It the issue still persists then please provide a full test case to reproduce the problem.
    That works, thank you

Similar Threads

  1. Replies: 1
    Last Post: Jun 28, 2012, 9:06 PM
  2. [CLOSED] ComboBox didn't sync store's change
    By leon_tang in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 12, 2012, 11:57 AM
  3. Replies: 10
    Last Post: Apr 05, 2010, 1:42 AM
  4. Combobox didn't render correctly
    By flaviodamaia in forum 1.x Help
    Replies: 0
    Last Post: Aug 31, 2009, 11:14 AM
  5. Replies: 1
    Last Post: Jul 30, 2009, 6:33 AM

Posting Permissions