Click here to Skip to main content
15,881,882 members
Search within:


How to change fully responsive in WPF C#?
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
C#
WPF
 
<Window x:Class="Restraurant_POS.Dashboard"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:Wpf="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:Icon="http://metro.mahapps.com/winfx/xaml/iconpacks"
        xmlns:local="clr-namespace:Restraurant_POS"
        mc:Ignorable="d"
        Title="Dashboard" Height="780" Width="1280" AllowsTransparency="True" WindowState="Maximized" WindowStyle="None">
    <Window.Resources>
        <BooleanToVisibilityConverter x:Key="boolToVisConv"/>
    </Window.Resources>
    <Grid Background="#f7f6f4" Margin="20,20,20,20">
        <Grid Width="Auto" Height="Auto">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="220"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <!--Menu-->
            <Border Grid.RowSpan="4" CornerRadius="25">
                <Border.Background>
                    <LinearGradientBrush>
                        <GradientStop Color="#01a0fe" Offset="0"/>
                        <GradientStop Color="#2ec091" Offset="0.8"/>
                    </LinearGradientBrush>
                </Border.Background>
                <StackPanel>
                    <!--Logo-->
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 30 0 10">
                        <Grid>
                            <Border Background="#ffffff" Width="35" Height="35" CornerRadius="50"/>
                            <Border Width="35" Height="35" BorderBrush="#ffffff" BorderThickness="3" CornerRadius="50">
                                <Border.Effect>
                                    <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                                </Border.Effect>

                                <!--Icon-->
                                <Icon:PackIconMaterial Kind="SendOutline" Width="15" Height="15" Foreground="#01A0FE" VerticalAlignment="Center"
                                                       HorizontalAlignment="Center" Margin="3 0 0 2">
                                    <Icon:PackIconMaterial.LayoutTransform>
                                        <RotateTransform Angle="-45"/>
                                    </Icon:PackIconMaterial.LayoutTransform>
                                </Icon:PackIconMaterial>
                            </Border>
                        </Grid>

                        <!--Title Text-->
                        <TextBlock Text="Data" Foreground="#ffffff" FontSize="30" Margin="10 0 0 3">
                            <TextBlock.Effect>
                                <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                            </TextBlock.Effect>
                        </TextBlock>
                    </StackPanel>

                    <!--Menu Items-->
                    <TextBlock Text="Main" Style="{StaticResource menuTitle}"/>
                    <Button Name="btnDashboard" Style="{StaticResource menuButton}" Background="#f7f6f4" Foreground="#000000" Click="btnDashboard_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ViewDashboard" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Dashboard" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnMaster" Style="{StaticResource menuButton}" Click="btnMaster_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="AccountCheckOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Master" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnInventory" Style="{StaticResource menuButton}" Click="btnInventory_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="BasketPlusOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Inventory" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnPayroll" Style="{StaticResource menuButton}" Click="btnPayroll_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ProgressClock" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Payroll" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnReports" Style="{StaticResource menuButton}" Click="btnReports_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="SourceRepository" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Reports" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnSettings" Style="{StaticResource menuButton}" Click="btnSettings_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="StarSettings" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Settings" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Border>
            <!--Search Bar-->
            <Border Style="{StaticResource whiteBorder}" CornerRadius="30" Margin="10,10,10,10" Grid.Column="1" >
                <Grid  VerticalAlignment="Bottom">
                    <Button Name="btnPower" Style="{StaticResource topButton}" Width="30" Height="25" BorderBrush="{x:Null}" Foreground="White" Background="Black" Margin="40,3,6,4" Click="btnPower_Click">
                        <materialDesign:PackIcon Kind="Power"/>
                    </Button>
                </Grid>
            </Border>



        </Grid>
    </Grid>
</Window>


What I have tried:

<Window x:Class="Restraurant_POS.Dashboard"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:Wpf="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:Icon="http://metro.mahapps.com/winfx/xaml/iconpacks"
        xmlns:local="clr-namespace:Restraurant_POS"
        mc:Ignorable="d"
        Title="Dashboard" Height="780" Width="1280" AllowsTransparency="True" WindowState="Maximized" WindowStyle="None">
    <Window.Resources>
        <BooleanToVisibilityConverter x:Key="boolToVisConv"/>
    </Window.Resources>
    <Grid Background="#f7f6f4" Margin="20,20,20,20">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="220"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <!--Menu-->
            <Border Grid.RowSpan="4" CornerRadius="25">
                <Border.Background>
                    <LinearGradientBrush>
                        <GradientStop Color="#01a0fe" Offset="0"/>
                        <GradientStop Color="#2ec091" Offset="0.8"/>
                    </LinearGradientBrush>
                </Border.Background>
                <StackPanel>
                    <!--Logo-->
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 30 0 10">
                        <Grid>
                            <Border Background="#ffffff" Width="35" Height="35" CornerRadius="50"/>
                            <Border Width="35" Height="35" BorderBrush="#ffffff" BorderThickness="3" CornerRadius="50">
                                <Border.Effect>
                                    <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                                </Border.Effect>

                                <!--Icon-->
                                <Icon:PackIconMaterial Kind="SendOutline" Width="15" Height="15" Foreground="#01A0FE" VerticalAlignment="Center"
                                                       HorizontalAlignment="Center" Margin="3 0 0 2">
                                    <Icon:PackIconMaterial.LayoutTransform>
                                        <RotateTransform Angle="-45"/>
                                    </Icon:PackIconMaterial.LayoutTransform>
                                </Icon:PackIconMaterial>
                            </Border>
                        </Grid>

                        <!--Title Text-->
                        <TextBlock Text="Data" Foreground="#ffffff" FontSize="30" Margin="10 0 0 3">
                            <TextBlock.Effect>
                                <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                            </TextBlock.Effect>
                        </TextBlock>
                    </StackPanel>

                    <!--Menu Items-->
                    <TextBlock Text="Main" Style="{StaticResource menuTitle}"/>
                    <Button Name="btnDashboard" Style="{StaticResource menuButton}" Background="#f7f6f4" Foreground="#000000" Click="btnDashboard_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ViewDashboard" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Dashboard" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnMaster" Style="{StaticResource menuButton}" Click="btnMaster_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="AccountCheckOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Master" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnInventory" Style="{StaticResource menuButton}" Click="btnInventory_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="BasketPlusOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Inventory" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnPayroll" Style="{StaticResource menuButton}" Click="btnPayroll_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ProgressClock" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Payroll" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnReports" Style="{StaticResource menuButton}" Click="btnReports_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="SourceRepository" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Reports" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnSettings" Style="{StaticResource menuButton}" Click="btnSettings_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="StarSettings" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Settings" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Border>
            <!--Search Bar-->
            <Border Style="{StaticResource whiteBorder}" CornerRadius="30" Margin="10,10,10,10" Grid.Column="1" >
                <Grid  VerticalAlignment="Bottom">
                    <Button Name="btnPower" Style="{StaticResource topButton}" Width="30" Height="25" BorderBrush="{x:Null}" Foreground="White" Background="Black" Margin="40,3,6,4" Click="btnPower_Click">
                        <materialDesign:PackIcon Kind="Power"/>
                    </Button>
                </Grid>
            </Border>
        </Grid>
        <Grid Margin="230,80,10,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid Grid.Column="0">
                <materialDesign:Card Foreground="{DynamicResource PrimaryHueDarkForegroundBrush}" Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#5E057E" Offset="0"/>
                            <GradientStop Color="#143D59" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                    <TextBlock Margin="239.667,66,0,0">
                        <TextBlock.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFFE5F01" Offset="0"/>
                                <GradientStop Color="#FFFE01A0" Offset="1"/>
                            </LinearGradientBrush>
                        </TextBlock.Background>
                    </TextBlock>
                </materialDesign:Card>
                <Label x:Name="label" Content="Today Sales"  Margin="20,20,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14"  />
                <Label x:Name="label1" Content="47,624" Margin="30,65,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"  Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14"/>
                <Image Source="Images/rupee.png"  HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,63,45,567" Height="30"/>
            </Grid>
            <Grid Grid.Column="1">
                <materialDesign:Card Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0" >
                            <GradientStop Color="#FFA781" Offset="0"/>
                            <GradientStop Color="#5B0E2D" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                </materialDesign:Card>
                <Label x:Name="label3" Content="Today Expenses" Height="30" Margin="17,20,0,0" VerticalAlignment="Top" Foreground="#DDF7F7F7" FontWeight="Bold" HorizontalAlignment="Left" Width="138" FontSize="14"/>
                <Label x:Name="label4" Content="47,624" Height="27" Margin="30,65,0,0" VerticalAlignment="Top" Foreground="#DDFFFFFF" FontWeight="Bold" HorizontalAlignment="Left" Width="65" RenderTransformOrigin="0.768,0.481" FontSize="14"/>
                <Image Source="Images/rupee.png" HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,63,45,567" Height="30"/>
            </Grid>
            <Grid Grid.Column="2">
                <materialDesign:Card Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0" >
                            <GradientStop Color="#FFB60D" Offset="0"/>
                            <GradientStop Color="#372800" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                </materialDesign:Card>
                <Label x:Name="label6" Content="Swiggy Sales" HorizontalAlignment="Left" Margin="17.333,20.333,0,0" VerticalAlignment="Top"  FontWeight="Bold" Foreground="#DDFFFFFF" FontSize="14" />
                <Label x:Name="label7" Content="47,624" HorizontalAlignment="Left" Margin="30,65,0,0" VerticalAlignment="Top" Foreground="#DDFFFFFF" FontWeight="Bold" RenderTransformOrigin="0.109,0.5" FontSize="14" />
                <Image Source="Images/rupee.png" HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,58,46,573" Height="29"/>
            </Grid>
            <Grid Grid.Column="3">
                <materialDesign:Card Foreground="{DynamicResource PrimaryHueDarkForegroundBrush}"  Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0" >
                            <GradientStop Color="#99EEDF" Offset="0"/>
                            <GradientStop Color="#008970" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                    <TextBlock Margin="0,0,55.666,501">
                        <TextBlock.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF36B670" Offset="0"/>
                                <GradientStop Color="#FFB34A39" Offset="1"/>
                            </LinearGradientBrush>
                        </TextBlock.Background>
                    </TextBlock>
                </materialDesign:Card>
                <Label x:Name="label9" Content="Purchase" HorizontalAlignment="Left"  Margin="18,20,0,0" VerticalAlignment="Top"  Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14" />
                <Label x:Name="label10" Content="47,624" HorizontalAlignment="Left" Margin="30,66,0,0" VerticalAlignment="Top"  Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14" />
                <Image Source="Images/rupee.png"   HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,60,46,570" Height="30" />
            </Grid>
        </Grid>
        <Grid Margin="230,215,344,0" HorizontalAlignment="Stretch">
            <materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth1" Background="White" >
                <Wpf:CartesianChart Series="{Binding SeriesCollection}" LegendLocation="Right" Margin="0,0,0,100">
                    <Wpf:CartesianChart.AxisY>
                        <Wpf:Axis Title="Ventas del Mes" LabelFormatter="{Binding yFormatter}"/>
                    </Wpf:CartesianChart.AxisY>
                    <Wpf:CartesianChart.AxisX>
                        <Wpf:Axis Title="Ventas del Mes" Labels="{Binding Labels}"/>
                    </Wpf:CartesianChart.AxisX>
                </Wpf:CartesianChart>
            </materialDesign:Card>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Width="55" Height="55"  VerticalAlignment="Bottom" HorizontalAlignment="Center" Background="#FF0E9CEE" Margin="0,0,255.516,40" >
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Sale"/>
                </ToggleButton.Content>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="55" Width="55"  Margin="120.833,0,174.167,40" VerticalAlignment="Bottom" HorizontalAlignment="Center" Background="Red">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="55" Width="55"  Margin="0,0,-139.683,40"  VerticalAlignment="Bottom" Background="#FFFFAE02"  >
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
        </Grid>
        <Grid HorizontalAlignment="Right" Width="330" Margin="0,215,0,0">
            <materialDesign:Card  materialDesign:ShadowAssist.ShadowDepth="Depth1" Padding="32" VerticalAlignment="Top" HorizontalAlignment="Right" Width="329" Height="525">
                <Wpf:PieChart LegendLocation="Bottom" Margin="-30,-33,-31,156" Hoverable="False" DataClick="PieChart_DataClick">
                    <Wpf:PieChart.Series>
                        <Wpf:PieSeries Title="DineIn" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                        <Wpf:PieSeries Title="Take Away" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                        <Wpf:PieSeries Title="Party Order" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                        <Wpf:PieSeries Title="Swiggy" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                    </Wpf:PieChart.Series>
                </Wpf:PieChart>
            </materialDesign:Card>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}"  ToolTip="MaterialDesignActionLightToggleButton" Height="54" Margin="0,0,255.516,40" Width="55" HorizontalAlignment="Right" VerticalAlignment="Bottom" Background="#FF008BFF" RenderTransformOrigin="0.418,1.1" Grid.Column="1" Grid.Row="2" d:LayoutOverrides="VerticalAlignment">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Sale"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Sale"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="55" Width="55" Margin="120.833,0,174.167,40" Background="Red" VerticalAlignment="Bottom" d:LayoutOverrides="HorizontalAlignment, Height">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="54" Width="55" Margin="0,0,99.683,40" VerticalAlignment="Bottom" Background="#FFFFAE02" HorizontalAlignment="Right" Grid.Column="1" Grid.Row="2" d:LayoutOverrides="VerticalAlignment">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="54" Width="56" Margin="0,0,26.683,40" VerticalAlignment="Bottom" HorizontalAlignment="Right" Grid.Column="1" Grid.Row="2" d:LayoutOverrides="VerticalAlignment" Background="#FF787C6D">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Reproduction"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Reproduction"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
        </Grid>
    </Grid>
</Window>
Posted
Updated 3-May-23 22:34pm
Add a Solution

1 solution

Remove all of your fixed sizes and allow the containers to drive your widths and heights. eg:

This is a fixed size.
XML
<Border Background="#ffffff" Width="35" Height="35" CornerRadius="50"/>

Let the grid container determine the sizing.
 
Share this answer
 
Posted
Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month
Related Questions
WPF Application windows does not fully refreshed after screen awakes from sleep
How to responsive tab control in WPF?
label name not fully displayed
How to webscrape an HTML page fully
C# WPF Microsoft DI structure change
How to change WPF datepicker culture?
How to bind Datalist on dropdown change where its binded in pageload fully?
The code you submit in the response box should be fully functional when executed.
Css responsive margin ?
How to change property of element from outside of mainwindow.vb in WPF ?

Advertise
Privacy
Cookies
Terms of Use
Last Updated 4 May 2023
Layout: fixed | fluid
Copyright © CodeProject, 1999-2024
All Rights Reserved.

Web03 2.8:2024-04-02:1

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900