Posts

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...

What is IoC Container?

  IoC Container IoC Container is a framework for implementing automatic dependency injection . before I explain IoC Container first lets know what is  dependency injection Dependency Injection It is a design pattern used to implement IoC. It allows the creation of dependent objects outside of a class and provides those objects to a class through different ways.  The Dependency Injection pattern involves three things which are client, service and the injector so, there will be  three  types of classes  involves in this process . Client Class : The client class is a class which depends on the service class. Service Class : The service class is a class that provides service to the client class. Injector Class : The injector class injects the service class object into the client class. The injector class injects dependencies in three ways: through a constructor, or through a property, or through a method. so, there are three types of Dependenc...

How to count the no. of times the given character in second TextBox appears in First Textbox and add the index and matched character to ListBox

Image
MainWindow  <Window x:Class="WPFWorldTutorial.Views.MainWindow"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:prism="http://prismlibrary.com/"         prism:ViewModelLocator.AutoWireViewModel="True">     <Grid>         <StackPanel Orientation="Vertical">             <TextBox Text="{Binding Text}" Height="25" Margin="5"/>             <TextBox Text="{Binding CharToMatch}" Height="25" Margin="5"/>             <Button Content="Match" Command="{Binding MatchCharCommand}" Width="100" Margin="5"/>             <ListBox ItemsSource="{Binding MatchedInfo}">                 <ListB...

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...

How to Import/Export data of DataGrid from/to CSV file in wpf using MVVM

In this post i will explain how to Import/Export data of DataGrid from/to CSV file in wpf using MVVM To Import CSV to DataGrid i have created method called LoadCSV() which will load CSV data and update the DataGrid  private void LoadCSV()         {             LstEmployees.AddRange(File.ReadAllLines("csvFilePath")                                          .Skip(1)                                          .Select(v => CsvToEmployees(v))                                          .ToList());         }          In LoadCSV() method i am first reading the CSV using File cla...

Multiple ways to handle Checked/Unchecked event in wpf using MVVM

Image
In this post i am trying to explain multiple way to handle Checked/Unchecked event in wpf using MVVM First let's create a view which contains multiple CheckBox.  All CheckBox will handle the Checked/Unchecked event differently.  CheckBoxEx.xaml <Window x:Class="PrismApp.Views.CheckBoxEx"              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"              xmlns:prism="http://prismlibrary.com/"              prism:ViewModelLocator.AutoWireViewModel="True">     <StackPanel >         <CheckBox Content="Bind Command by passing CheckBox as CommandParameter but set command parameter type is object" HorizontalAlignment="Left" VerticalAlignment="Center"  Name="chkObj"            ...