Posts

Showing posts from January, 2021

Understanding WPF Layout Panels: Easy Examples of Grid, StackPanel, WrapPanel, DockPanel, Canvas & UniformGrid

If you are just starting out with WPF , layouts are something you must understand very clearly, because they control how every control such as button, textbox, etc. appears on the screen. ⭐ What Are Layout Panels? Think of layout panels like containers or boxes that help you arrange your UI elements . Just like when you pack a suitcase, you organize things in different sections — WPF uses layout panels to organize controls properly. They decide: where controls appear, how they resize, how they adapt when the window grows or shrinks. 📌 Let’s Learn Panels One by One (with real examples) 🟦 1. StackPanel — arrange controls in a line StackPanel arranges items one after another, either top to bottom or left to right. Let me show you a simple example. ✔ Example: Vertical StackPanel <StackPanel Orientation="Vertical">     <Button Content="Save" Width="100"/>     <Button Content="Edit" Width="100"/>     <Button Conte...
Post a Comment
Read more

How to create Expandable TextBox in Wpf

Image
Step 1: Right click on project Step 2: Click on Add and select New Item Step 3: Search for Custom Control Step 4: Select Custom Control(WPF) Step 5: Write ExpandableTextBox in Name and click on Add It will create one class with the Name ExpandableTextBox with following code: namespace CustomControl.Controls { public class ExpandableTextBox : Control { static ExpandableTextBox() { DefaultStyleKeyProperty.OverrideMetadata(typeof(ExpandableTextBox), new FrameworkPropertyMetadata(typeof(ExpandableTextBox))); } } } It will also create a folder called Themes inside this folder it will create ResourceDictionary with the Name Generic with folowing code: Generic.xaml <ResourceDictionary xmlns:local="clr-namespace:Wpf" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"> <Style TargetType="{x:Type local:ExpandableTextBox...
Post a Comment
Read more