Hello,
We have problems implementing both left and right side drawers at the same page. It all works fine on Emulator, as you can see in pictures attached, but when we deploy it on Device (Lumia 640 XL) right side drawer is always shown as same width, as it does not look at the specified width. It is a Native Shared Application, and .xaml code used for main page is below
<Page
x:Class="NativeSharedAppTest.WinPhone.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:NativeSharedAppTest.WinPhone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:Primitives="using:Telerik.UI.Xaml.Controls.Primitives"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid x:Name="RootLayout" >
<Primitives:RadSideDrawer x:Name="LeftSideDrawer" TapOutsideToClose="False" DrawerButtonHorizontalAlignment="Left" HorizontalAlignment="Stretch" VerticalAlignment="Top" DrawerLocation="Left" >
<Primitives:RadSideDrawer.DrawerButtonStyle>
<Style TargetType="Button">
<!--<Setter Property="Visibility" Value="Collapsed" />-->
</Style>
</Primitives:RadSideDrawer.DrawerButtonStyle>
<Primitives:RadSideDrawer.MainContent>
<Primitives:RadSideDrawer x:Name="RightSideDrawer" Loaded="RadSideDrawer_Loaded" TapOutsideToClose="False" DrawerButtonHorizontalAlignment="Right" HorizontalAlignment="Stretch" VerticalAlignment="Top" DrawerLocation="Right" >
<Primitives:RadSideDrawer.DrawerButtonStyle>
<Style TargetType="Button">
<!--<Setter Property="Visibility" Value="Collapsed" />-->
</Style>
</Primitives:RadSideDrawer.DrawerButtonStyle>
<Primitives:RadSideDrawer.MainContent>
<Grid Background="Green">
<TextBlock Text="Main Content" />
</Grid>
</Primitives:RadSideDrawer.MainContent>
<Primitives:RadSideDrawer.DrawerContent>
<Grid Background="Blue" Width="350" >
<TextBlock Text="Right Content" />
</Grid>
</Primitives:RadSideDrawer.DrawerContent>
</Primitives:RadSideDrawer>
</Primitives:RadSideDrawer.MainContent>
<Primitives:RadSideDrawer.DrawerContent>
<Grid Background="Yellow" Width="350" >
<TextBlock Text="Left Content" />
</Grid>
</Primitives:RadSideDrawer.DrawerContent>
</Primitives:RadSideDrawer>
</Grid>
</Page>
Thanks