WPF C# | Customize DataGrid Control in WPF | UI Design in Wpf C# (Jd's Code Lab)

Sdílet
Vložit
  • čas přidán 28. 07. 2024
  • Hey Guys,
    In this video I am going to show you how to customize DataGrid control in WPF.
    00:00:00 Intro
    00:00:36 Add DataGrid
    00:01:03 Add Columns
    00:02:15 Style: DataGrid
    00:05:15 Style: DataGrid Column Header
    00:08:16 Style: DataGrid Row
    00:10:10 Style: DataGrid Row Details
    00:11:47 End Results
    Become a patron to download the source codes:
    / 55584095
    ✔️ 6 Ways To Say Thanks & Support The Channel:
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    ☕ Buy Me A Coffee: If you would like to make a small donation to support my channel please buy me a coffee➡️ link below. It's totally voluntary, and I still love you if you choose not to 😊❤️
    www.buymeacoffee.com/jdscodelab
    📣 Share This Video On Social Media: This costs nothing but helps a lot!
    • WPF C# | Customize Dat...
    👍 Give This Video A Thumbs Up!
    🔔 Subscribe to my Channel & Click The Bell For More Amazing Content: bit.ly/2V2GnxZ
    💖 Become a Patron: If you would like to support my channel on monthly basis please become a patreon member➡️ link below. Also you will get the early access to my videos and posts. Plus source codes before all. It's totally voluntary as I said above.😊❤️
    / jdscodelab
    🌟 Join CZcams Membership: You can also join membership on CZcams from as low as 5$ and support my channel➡️ link below.
    bit.ly/3zRKV9H
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Download Assets:
    drive.google.com/drive/folder...
    Also, check out my playlists:
    1) Other UI Designs in WPF:
    • WPF UI Designs C#
    2) User Controls Playlist:
    • Wpf User Controls
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Music from Uppbeat (free for Creators!):
    uppbeat.io/t/hartzmann/clear-sky
    License code: 5QKUWZOCBBDL5DUO
    Music from Uppbeat (free for Creators!):
    uppbeat.io/t/soundroll/open-mind
    License code: O79XZDJNVJ9XSMRP
    Song: Hotham - Find
    Music by Hotham
    Stream: smarturl.it/HothamMusic%E2%80%8B
    Download: hypeddit.com/track/j2mggw
    "Find" by Hotham is licensed under a Creative Commons License.
    Attribution 3.0 Unported (CC BY 3.0)
    Music supported by #BackgroundMusicWithoutLimitations
    Music from Uppbeat (free for Creators!):
    uppbeat.io/t/hartzmann/sunny
    License code: S6ZXELPOGTH0QFW8
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  • Věda a technologie

Komentáře • 54

  • @JDsCodeLab
    @JDsCodeLab  Před 2 lety +3

    ✔ 6 Ways To Say Thanks & Support The Channel:
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    ☕ Buy Me A Coffee: If you would like to make a small donation to support my channel please buy me a coffee➡ link below. It's totally voluntary, and I still love you if you choose not to 😊❤
    www.buymeacoffee.com/jdscodelab
    📣 Share This Video On Social Media: This costs nothing but helps a lot!
    czcams.com/video/DPbanNt1Ss4/video.html
    👍 Give This Video A Thumbs Up!
    🔔 Subscribe to my Channel & Click The Bell For More Amazing Content: bit.ly/2V2GnxZ
    💖 Become a Patron: If you would like to support my channel on monthly basis please become a patreon member➡ link below. Also you will get the early access to my videos and posts. Plus source codes before all. It's totally voluntary as I said above.😊❤
    www.patreon.com/jdscodelab
    🌟 Join CZcams Membership: You can also join membership on CZcams from as low as 5$ and support my channel➡ link below.
    bit.ly/3zRKV9H
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Download Assets:
    drive.google.com/drive/folders/1rgjvNh4PVSMSbLudexmMr7hjFiye5FeE?usp=sharing

    • @KTT1122
      @KTT1122 Před 2 lety +1

      BLIZZARD Wpf VISUAL STUDIO

  • @23BrotherWolf
    @23BrotherWolf Před měsícem

    A very good tutorial that demonstrates the great possibilities that exist and can be explored in WPF.

  • @getsmartpaul
    @getsmartpaul Před 2 lety +3

    Sir, youtube originally played the video in a very low esolution 360p by default. I was unable to read the code and was frustrated. I figured out that the Settings Icon allow you to switch the Video Quality to 1080p etc. After doing this , I was able to read the code fine. Hope this helps someone else. :) Additionally, you speak a little fast for me so I slowed the video speed to .75 also. English subtitles was also quite helpful.

  •  Před 7 měsíci

    it was very brief and clear

  • @Andrey1120
    @Andrey1120 Před 2 lety

    Gracias, muy buen video!

  • @hungnguyencanh5089
    @hungnguyencanh5089 Před 2 lety

    Thank you so much!

  • @raffaele6577
    @raffaele6577 Před 2 lety +1

    Thank you! You helped me to setting the syle of my data grid

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety

      Glad I could help!

    • @raffaele6577
      @raffaele6577 Před 2 lety

      @@JDsCodeLab I setted the selected row fill with a color different to the border cell color (gray in this case), but when I select a row I see also the gray border of the cells. Is it possibile to set the full row (also the current border of the cells selected) at the same color of the selection?

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety

      In the DataGridRow style triggers on is selected trigger add borderbrush as gray and borderthickness 1.
      Let me know if this solves you query.

    • @raffaele6577
      @raffaele6577 Před 2 lety

      ​@@JDsCodeLab I setted "GridLinesVisibility" --> "All" in DataGrid, but when I select a row I see the gray border on all the cells. I would like to see the row selected without cells gray border (gridLines). I tried to put the trigger in DataGridRow but it doesn't work.

    • @raffaele6577
      @raffaele6577 Před 2 lety

      ​@@JDsCodeLab How Can I show the first column header with the arrow cursor?

  • @vexinss
    @vexinss Před 2 lety +2

    Good Video👍

  • @frontend7531
    @frontend7531 Před rokem

    After adding my headers are disappearing and showing blank datagrid in xaml and when it runs, why?

  • @hannahbaker411
    @hannahbaker411 Před 2 lety +1

    hey jd thanks for the video
    how do you feel about using material design in your project the library is pretty good and provide a lot of stuff

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety

      Hi, Hannah. Yes, the library is very good i think i will use it in one of the videos.

  • @tacci2568
    @tacci2568 Před 2 lety +1

    So after finishign all steps my datagrid doenst show data . even after the first step when i styled the Datagrid, i checked my code and dont know why.
    So my code works diffrently because i was opening a file and it was parsing through the file getting specific strings into the datagrid all worked fine until i changed the style maybe you know where the mistake is, else i would say its a fine tutorial but you are a little bit fast and its hard to follow the steps i had to pause multiple times to follow in wich property you are right now

  • @user-wb4qx1of5h
    @user-wb4qx1of5h Před 2 lety

    What plug-ins do you use and why do you prompt properties when writing bindings

  • @KK-sy6hg
    @KK-sy6hg Před 2 lety +1

    good good

  • @tacci2568
    @tacci2568 Před 2 lety

    Can you explain how i bind the text in the texbox properly.
    My bindings for the datagrid works but when i click on the items to get the sub Information in my textbox the data is empty.

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety

      Do you want the selected cell value in your textbox?

  • @polarisnation201
    @polarisnation201 Před 2 lety

    Thank you for your video. I have a question. Some property in Style/DataGrid.xaml can't find resource like DataGrid.AlternateRow.Background, GridLineVisibility etc.. Is there any setting before edit style?

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety +1

      Hi, Polaris. Download and put this folder in your project directory. Then in App.xaml define LightTheme.xaml in ResourceDictionary.MergedDictionary:
      drive.google.com/drive/folders/1rgjvNh4PVSMSbLudexmMr7hjFiye5FeE?usp=sharing

    • @polarisnation201
      @polarisnation201 Před 2 lety +1

      @@JDsCodeLab Thanks to you, it was solved.

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety

      Welcome👍

    • @lucatoni3335
      @lucatoni3335 Před rokem

      @@JDsCodeLab I'm afraid, the link isn't valid anymore, there is only 1 file, which contains only a few pathes, as far as I understand

    • @JDsCodeLab
      @JDsCodeLab  Před rokem

      Hi Luca. Thanks for informing.👍 I will check and update link if required.

  • @H_de_Weert
    @H_de_Weert Před rokem +1

    I think this is a very useful tutorial, thanks for uploading!
    However, the loud music in the background is very very annoying. IMO it'd be better to have just your voice.

  • @trungquang4489
    @trungquang4489 Před 8 měsíci

    At the step Edit a Copy for a Template,It didn't create a datagrid style for me and i just had a controltemplate for a datagrid. When i added datagrid style by myself it create error pls help me

    • @JDsCodeLab
      @JDsCodeLab  Před 8 měsíci

      Hi, please share the SS on my email jdscodelab@gmail.com

  • @KTT1122
    @KTT1122 Před 2 lety +1

    Battle net Blizzard
    Developer
    Publisher
    Games Visual Studio WPF Part ?

  • @rianbattle
    @rianbattle Před 2 lety +4

    Nice video, but music was too loud, couldn't hear you very well

  • @VinuP2023
    @VinuP2023 Před 2 lety

    Hello Junaid, why you have stopped making videos. Eagerly waiting for your videos.
    All okay with you?

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety

      Hi, Vinay.
      Everything's alright. I got recruited in a company. I've been trying to continue my CZcams side by side but ain't getting enough time for the same. I am figuring things out will continue soon. 🙂

    • @VinuP2023
      @VinuP2023 Před 2 lety

      @@JDsCodeLab great to hear and congratulations for your new job. 👏
      You make videos when you get time

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety +1

      Thanks.😊

  • @VinuP2023
    @VinuP2023 Před 2 lety

    Thank you so much. How are you doing now brother?

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety +3

      Alot better Vinay. My whole family got infected. But, we got recovered. Thanks all of you guys for prayers and support 😊

    • @VinuP2023
      @VinuP2023 Před 2 lety +1

      @@JDsCodeLab good to hear that all in your family are safe. May God be with you 🙏😊

  • @alifaezian4982
    @alifaezian4982 Před 2 lety +1

    Realy nice.
    Can u insert images in data grid?

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety

      Yes, you can. And its pretty simple. Here how you can do it:
      1) Inside DataGrid.Columns add a Template Column,
      2) Add a style of Target type DataCell,




      Try it and let me know.👍

  • @bhavikparmar224
    @bhavikparmar224 Před 2 lety

    Can You Make CZcams Desktop UI?

  • @StoryofEV
    @StoryofEV Před 2 lety

    Can you share complete code

    • @JDsCodeLab
      @JDsCodeLab  Před 2 lety +1

      You can download the code from my patreon page www.patreon.com/posts/55584095

  • @triamil1603
    @triamil1603 Před 2 lety

    with the music i cant hear what you are saying...

  • @israraziz387
    @israraziz387 Před 6 měsíci