Completed
Last Updated: 15 Mar 2023 11:29 by ADMIN
Release 5.1.0
Rolf
Created on: 20 Dec 2022 12:33
Category: SideDrawer
Type: Bug Report
0
SideDrawer: [Android] Does not fill into the page height and width when project targets .NET 7

When the control is added inside Grid star-sized Row, or directly to the page, the control does not fill into the page height and width. The behavior occurs only when project targets .NET 7

Use this code:

 

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
             x:Class="MauiApp2.MainPage">

    <telerik:RadSideDrawer x:Name="drawer" 
                                        DrawerLength="200">
        <telerik:RadSideDrawer.MainContent>
            <Grid BackgroundColor="LightBlue">
                <Label Text="Main content" />
            </Grid>
        </telerik:RadSideDrawer.MainContent>
        <telerik:RadSideDrawer.DrawerContent>
            <VerticalStackLayout Spacing="10" BackgroundColor="LightCoral"
                                                Padding="10, 10, 0, 0">
                <Button Text="Mail"/>
                <Button Text="Calendar" />
                <Button Text="People" />
                <Button Text="Tasks" />
            </VerticalStackLayout>
        </telerik:RadSideDrawer.DrawerContent>
    </telerik:RadSideDrawer>
</ContentPage>

 

This is the result on Android:

 

1 comment
ADMIN
Deyan
Posted on: 22 Feb 2023 10:07

Hi Rolf,

We are currently working on a fix regarding this issue but in the meantime you can use a FlexLayout as a parent layout inside the Main and Drawer Content. 

Another workaround is to set a HeightRequest to the elements in the drawer/main content.

Regards,
Deyan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.