Build a Responsive Kanban Board Application in WPF using C# and MVVM 🚀

Are you looking for a practical WPF project to improve your C#, MVVM, and desktop application development skills? In this series, we will build a Responsive Kanban Board Application from scratch using WPF, C#, and MVVM architecture . This project is inspired by modern task management tools like Trello and helps you understand how real-world desktop applications are designed and developed. Why Build a Kanban Board in WPF? Many developers learn WPF concepts individually: Buttons TextBoxes Data Binding Commands Collections But when building a real application, you need to combine everything together. A Kanban Board project helps you learn: ✅ Real UI design ✅ MVVM architecture ✅ Dynamic data handling ✅ User interaction ✅ Drag & Drop functionality ✅ Command-based programming ✅ Reusable WPF components What You Will Build in This WPF Project We create a responsive Kanban Board where users can manage tasks visually. The application contains: 📌 Multiple ...

How to show xml data in DataGrid?

XMLData.xml

<Students>
  <Student>
    <Roll>1</Roll>
    <Name>Kumar</Name>
  </Student>
  <Student>
    <Roll>2</Roll>
    <Name>Harsh</Name>
  </Student>
</Students>

Create a class for xml data
public partial class Student
    {

        public int Roll { getset; }
      
        
        public string Name { getset; }
    }
Code To get data from xml file
XmlSerializer serializer = new XmlSerializer(typeof(ObservableCollection<Student>)newXmlRootAttribute("Students"));//here Student is type and Students is root of xml
         
            using (StreamReader reader = newStreamReader(@"D:\XMLData.xml"))
            {
                //Deserilize the xml file and assign to collection
                LstStudents =(ObservableCollection<Student>)serializer.Deserialize(reader);
            };
private ObservableCollection<Student> _lstStudents=new ObservableCollection<Student>();

        public ObservableCollection<Student> LstStudents
        {
            get { return _lstStudents; }
            set {SetProperty(ref _lstStudents , value); }
        }

Bind LstStudents to DataGrid
<DataGrid ItemsSource="{Binding LstStudents}"Width="200" AutoGenerateColumns="False">
                <DataGrid.Columns>
                    <DataGridTextColumn Header="Roll"Binding="{Binding Roll}"  />
                    <DataGridTextColumn Header="Name"Binding="{Binding Name}"  />
                </DataGrid.Columns>
              
            </DataGrid>

Comments

Popular posts from this blog

Filter DataGrid and ListView in wpf using ICollectionView

Pagination of DataGrid in WPF using MVVM

How to Create TabControl using Prism Region