scrollView inside buttonGroup

[Florian]

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

[Petyo]

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