Docklayout Issue when nested inside RadSideDrawer

[Sean]

This issue only appears in Android on certain hardware.  I have a RadSideDraw that comes from the top, rather than the sides.  Inside this I have a RadBusyIndicator, and within that a RadDockLayout.  I have no defined TOP content for the RadDockLayout, just a BOTTOM RadDockLayout, with the rest of the screen wrapped in a Scrollview, which contains a Grid, that layouts the rest of the screen.  When this view is loaded, the button that should display at the bottom, is not displayed, however, as soon as I click the button to display the RadSideDraw (comes from the top), then dismiss the RadSideDraw, the button appears.  Basically the following:

 

 <telerikPrimitives:RadSideDrawer x:Name="drawAdvanced" DrawerLength="200" DrawerLocation="Top">
            <telerikPrimitives:RadSideDrawer.DrawerContent>
                <Grid>
   DRAW CONTENTS
                </Grid>
            </telerikPrimitives:RadSideDrawer.DrawerContent>
            <telerikPrimitives:RadSideDrawer.MainContent>
                <telerikBusyIndicator:RadBusyIndicator x:Name="BusyIndicator" IsBusy="{Binding IsBusy,Mode=TwoWay}" AnimationType="Animation2" AnimationContentColor="#1D4F91" Opacity="50">
                    <telerikBusyIndicator:RadBusyIndicator.Content>
                        <telerikCommon:RadDockLayout x:Name="dockLayout">
                             BUTTON DEFINITION, PLACED VIA A GRID WITH DOCKLAYOUT AS BOTTOM
                            <ScrollView>
                                <Grid>
     CONTENTS OF THE REST OF THE PAGE, TAKES A FULL PAGE, MORE ON SMALLER SCREENS
                         </Grid>
                            </ScrollView>                           
                        </telerikCommon:RadDockLayout>
                    </telerikBusyIndicator:RadBusyIndicator.Content>
                </telerikBusyIndicator:RadBusyIndicator>
            </telerikPrimitives:RadSideDrawer.MainContent>
        </telerikPrimitives:RadSideDrawer>

 

It only seems to have an issue on Android devices with the virtual buttons at the bottom.  It seems it hasn't catered for the virtual buttons.  I only have the issue with this one page, an almost identical page is fine, except the SideDrawer comes from the side, not the top.

Any thoughts on where I stuffed up? :)

Sean

 

[Stefan Nenchev]

Hello, Sean,

I tried reproducing the behavior in a sample project at my end but could not observe the specific undesired effect. Please have a look at the attached sample and test whether you observe the behavior with it. If not, please share more information on the exact differences in the setups so we can reproduce the issue. Actually, the best case scenario would be if you can modify the attached sample so that the issue is observed and send it over so we can investigate it in details.

Sharing more information on the exact devices where the issue can be reproduced will be appreciated as well. Have you tested on both emulator and an actual device?

Regards,
Stefan Nenchev
Progress Telerik

[Sean]

Will check out the sample code.  The issue does not present itself in the simulator, or on a Huawei 7a, but does on a Pixel 3.  So not all phones by the looks of it.  We didn't see it on any of our testing devices, but only when we released it out in the wild.  From the looks of it the docklayout doesn't take into account the virtual button on some of the hardware when nested in a RadsideDraw, and the side draw opens from the top, if you open the top, then close it, the button then appears.  I replicated the screen and used a drawer coming from the right, and it rendered fine, seems to be the top.  Will get you more info, but I can send you the XAML for the screen if you want.

Sean.

[Stefan Nenchev]

Hello, Sean,

Thanks for the clarification. It will be great if you can provide the mentioned XAML file so we can try to replicate the same setup as yours.

Regards,
Stefan Nenchev
Progress Telerik