Listview horizontal scroll bar

  1. #1

    Listview horizontal scroll bar

    I have a list view with 13 columns. I would like to have scroll bar to move from left to right. Also is the only way to set column width is with a double value instead of a px?

    <ext:Panel 
        ID="RulePanel" 
        runat="server" 
        AutoScroll="True" 
        Height="150px"
        AutoWidth="900" 
        Layout="Container">
        <Items>
            <ext:ListView 
                ID="ruleView" 
                runat="server" 
                AutoScroll="true"
                SingleSelect="True" 
                StoreID="Store1">
                <Columns>
                    <ext:ListViewColumn DataIndex="SummaryID" Header="Rule Name" Width="0.12" />
                    <ext:ListViewColumn DataIndex="Tier" Header="Tiers" Width="0.04" />
                    <ext:ListViewColumn DataIndex="InvitedOnly" Header="Invited Only" Width="0.1" />
                    <ext:ListViewColumn DataIndex="OptIn" Header="Opt-In" Width="0.07" />
                    <ext:ListViewNumberColumn DataIndex="MinRC" Header="Min RC" Width="0.05" />
                    <ext:ListViewNumberColumn DataIndex="MinTime" Header="Min Time" Width="0.06" />
                    <ext:ListViewNumberColumn DataIndex="Multiplier" Header="Multiplier" Width="0.07" />
                    <ext:ListViewNumberColumn DataIndex="Bonus" Header="Bonus" Width="0.05" />
                    <ext:ListViewColumn DataIndex="BegTimeStamp" Header="Start Date/Time"
                        Width="0.15" Template='{BegTimeStamp:date("m-d-Y h:i:s A")}' />
                    <ext:ListViewColumn DataIndex="EndTimeStamp" Header="End Date/Time"
                        Width="0.15" Template='{EndTimeStamp:date("m-d-Y h:i:s A")}' />
                     <ext:ListViewColumn DataIndex="OfferCode" Header="Redemption ID" Width="0.1" />
                     <ext:ListViewColumn DataIndex="Email" Header="Email" Width="0.04" />
                </Columns>
                <Template ID="ctl19" runat="server">
                </Template>
            </ext:ListView>
        </Items>
    </ext:Panel>
  2. #2

    RE: Listview horizontal scroll bar

    Hi wh0urdady,

    Horizontal scrolling is not supported on the ListView component.

    http://www.sencha.com/deploy/dev/doc....list.ListView

    The Width is a double because the total width values should add up to 1.0.

    Hope this helps.

    Geoffrey McGill
    Founder

Similar Threads

  1. No Horizontal Scroll bar in GridPanel
    By fangmdu in forum 1.x Help
    Replies: 2
    Last Post: Jul 05, 2012, 9:53 PM
  2. Replies: 2
    Last Post: Aug 18, 2011, 2:11 PM
  3. Horizontal scroll doesn't appear when use GroupingSummaryColumn
    By Wellington Caetano in forum 1.x Help
    Replies: 0
    Last Post: Aug 12, 2011, 5:54 PM
  4. MenuPanel - Horizontal Scroll
    By rsaldanhabr in forum 1.x Help
    Replies: 1
    Last Post: Aug 05, 2011, 2:45 PM
  5. [CLOSED] Horizontal scroll bar in tab panel unnecessarily.
    By majunior in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 22, 2011, 8:50 PM

Posting Permissions