ListView not scrollable in RadSideDrawer with drawerLocation="Bottom"

2 posts, 0 answers
  1. Jeric Paul
    Jeric Paul avatar
    2 posts
    Member since:
    Oct 2016

    Posted 23 Nov 2016 Link to this post

    Hi,

    I am using 1.5.1 of RadSideDrawer (Angular version), and I am encountering an issue:

    Inside the tkDrawerContent of a RadSideDrawer, I have a ScrollView with a ListView inside (ListView is mostly kept to default; no orientation settings).

    Now:

    - if my RadSideDrawer's drawerLocation="Bottom", then the embedded ListView is unscrollable in the vertical dimension

    - if my RadSideDrawer's drawerLocation="Left", then the embedded ListView is scrollable in the vertical dimension

     

    I imagine the vertical scrolling for ListView is overridden by the RadSideDrawer control, to get a handle on when the SideDrawer should be hidden/expanded.

    Nevertheless, is it possible to: keep RadSideDrawer's drawerLocation="Bottom", and still have a (vertical by default) ListView?

  2. nikolay.tsonev
    Admin
    nikolay.tsonev avatar
    191 posts

    Posted 24 Nov 2016 Link to this post

    Hello,
    Thank you for interest in RadSideDrawer component.

    I reviewed your case and tested the scenario with RadSideDrawer's drawerLocation="Bottom" with ListView, however was unable to reproduce any problem. For your convenience I attaching sample code snippets, which I created while debugging. The whole project could be found here.

    <GridLayout>
        <RadSideDrawer exampleTitle toggleNavButton drawerLocation="Bottom">
            <StackLayout tkDrawerContent class="sideStackLayout">
                <StackLayout>
                    <StackLayout height="50">
                        <Label text="Close" textWrap="true"></Label>
     
                    </StackLayout>
                    <ScrollView orientation="horizontal">
                        <GridLayout rows="" columns="150 150">
                            <ListView col="0" [items]="countries" class="list-group" (itemTap)="onItemTap($event)">
                                <template let-country="item" let-i="index" let-odd="odd" let-even="even">
                                    <GridLayout class="list-group-item">
                                        <Label [text]="country.name"></Label>
                                    </GridLayout>
                                </template>
                            </ListView>
                            <ListView col="1" [items]="countries" class="list-group" (itemTap)="onItemTap($event)">
                                <template let-country="item" let-i="index" let-odd="odd" let-even="even">
                                    <GridLayout class="list-group-item">
                                        <Label [text]="country.name"></Label>
                                    </GridLayout>
                                </template>
                            </ListView>
                        </GridLayout>
                    </ScrollView>
     
                </StackLayout>
            </StackLayout>
            <StackLayout tkMainContent>
                <Label text="Second page" textWrap="true" class="drawerContentText"></Label>
                <Button text="OPEN DRAWER" (tap)=openDrawer()></Button>
            </StackLayout>
        </RadSideDrawer>
    </GridLayout>

    If this does not help, could you send us sample project, where your issue could be debugged locally.

    Hope this helps.
    Regards,
    nikolay.tsonev
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top