scrollView inside buttonGroup

2 posts, 0 answers
  1. Florian
    Florian avatar
    9 posts
    Member since:
    Jun 2012

    Posted 03 Apr 2012 Link to this post

    Hello,
    how to implement scrollViews with buttonGroup?

    my markup:
    <div data-role="view" id="portfolio" data-init="portfolioViewInit">
     
        <ul id="select-portfolio" data-index="0">
            <li>
                Web
            </li>
            <li>
                Mobile
            </li>
            <li>
                Print
            </li>
        </ul>
         
        <!-- Web -->           
        <div data-role="scrollview">
            <div data-role="page" class="image ref1"></div>
            <div data-role="page" class="image ref2"></div>
            <div data-role="page" class="image ref3"></div>
        </div>
        <!-- Mobile -->
        <div data-role="scrollview" style="display:none">
            <div data-role="page" class="image ref1"></div>
            <div data-role="page" class="image ref2"></div>
            <div data-role="page" class="image ref3"></div>
        </div>
        <!-- Print -->
        <div data-role="scrollview" style="display:none">
            <div data-role="page" class="image ref1"></div>
            <div data-role="page" class="image ref2"></div>
            <div data-role="page" class="image ref3"></div>
        </div>
     
     
    </div>

    the select events work and the selected views are displayed, but without the scrollView feature (no scrollBar). with this markup, as soon as i try to scroll in the 2nd or 3rd view, the image disappears to the opposite side.

    any idea? an alternative would be using a listView as a selector as shown in the scrollView demo, but its not fully implemented in the example.

    thanks
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 03 Apr 2012 Link to this post

    Hello,

    I assume that you show and hide the given scrollviews when the navbar is clicked. In that case, the scrollview refresh method should be called after it is displayed. 

    Kind regards,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top