Uploaded November 2024 | Updated September 2026, 2 weeks ago
Gregory shows how to add AI chat functionality into the DevExtreme Data Grid.
Key features included in the DevExtreme Chat component EAP build include:
Accept and report new messages.
Custom avatar support (initials used by default).
Sends messages using the "Send" button or Enter key.
⚡️⚡️⚡️ Blog Post ⚡️⚡️⚡️
community.devexpress.com/blogs/javascript/archive/2024/09/19/devextreme-early-access-preview-v24-2.aspx
📒 Documentation 📒
js.devexpress.com/React/Documentation/Guide/React_Components/DevExtreme_React_Components
🚀 Get Started Today – Free 30 Day Trial 🚀
dxpr.es/NUGET
dxpr.es/FREE-TRIAL
✅ Pricing and Online Demos ✅
dxpr.es/BUY
dxpr.es/DEMOS
🆘 We Are Here to Help 🆘
dxpr.es/SUPPORT
👍 Follow DevExpress on Social Media 👍
dxpr.es/FACEBOOK
dxpr.es/TWITTER
dxpr.es/BLOGS
🏁 Review Customer Testimonials 🏁
dxpr.es/TESTIMONIALS
dxpr.es/MARKETPLACE
#DevExpress, #devexpress_web #devextreme
Gregory shows how to add AI chat functionality into the DevExtreme Data Grid.
Key features included in the DevExtreme Chat component EAP build include:
Accept and report new messages.
Custom avatar support (initials used by default).
Sends messages using the "Send" button or Enter key.
⚡️⚡️⚡️ Blog Post ⚡️⚡️⚡️
community.devexpress.com/blogs/javascript/archive/2024/09/19/devextreme-early-access-preview-v24-2.aspx
📒 Documentation 📒
js.devexpress.com/React/Documentation/Guide/React_Components/DevExtreme_React_Components
🚀 Get Started Today – Free 30 Day Trial 🚀
dxpr.es/NUGET
dxpr.es/FREE-TRIAL
✅ Pricing and Online Demos ✅
dxpr.es/BUY
dxpr.es/DEMOS
🆘 We Are Here to Help 🆘
dxpr.es/SUPPORT
👍 Follow DevExpress on Social Media 👍
dxpr.es/FACEBOOK
dxpr.es/TWITTER
dxpr.es/BLOGS
🏁 Review Customer Testimonials 🏁
dxpr.es/TESTIMONIALS
dxpr.es/MARKETPLACE
#DevExpress, #devexpress_web #devextreme





![The Blazor Puzzle 40 - : Fixing Blazor 2FA QR Code Generation & Server-Side Form Binding
🔍 Blazor Puzzle #40:
This week, we solved two tricky Blazor challenges:
✅ Fixing Two-Factor Authentication (2FA) QR Code Generation
✅ Correcting Server-Side Form Binding with [SupplyParameterFromForm]
🛠 Solutions:
1️⃣ Blazor Server-Side Form Issue
Problem: Form values reset on submit due to missing binding
Fix: Used [SupplyParameterFromForm] to persist values across postbacks
2️⃣ Missing 2FA QR Code
Problem: QR code not displaying even after adding JavaScript per Microsoft’s docs
Solution Pending! Can you solve it? 🕵️
📩 Think you know the answer?
Email blazorpuzzle@appvnext.com with Puzzle #40 in the subject.
💬 What’s your best approach for injecting JavaScript in Blazors server-side authentication pages? Let’s discuss in the comments!
🔔 Subscribe for more Blazor debugging, authentication best practices, and .NET tips!
Get Started Today – Free 30 Day Trial
http://dxpr.es/NUGET
http://dxpr.es/FREE-TRIAL
Pricing and Online Demos
http://dxpr.es/BUY
http://dxpr.es/DEMOS
We Are Here to Help
http://dxpr.es/SUPPORT
Follow DevExpress on Social Media
http://dxpr.es/FACEBOOK
http://dxpr.es/TWITTER
http://dxpr.es/BLOGS
Review Customer Testimonials
http://dxpr.es/TESTIMONIALS
http://dxpr.es/MARKETPLACE
#DevExpress, #devexpress_blazor #blazor #microsoft #carlfranklin #Jefffritz #Blazor #DotNet #CSharp #WebDevelopment #Microsoft #BlazorServer #Authentication #CodingChallenge The Blazor Puzzle 40 - : Fixing Blazor 2FA QR Code Generation & Server-Side Form Binding](https://i.ytimg.com/vi/rhfqX7VUhRw/mqdefault.jpg)


![The Blazor Puzzle 79 - Blazor WASM Connectivity Indicator (No JavaScript Hacks!)
🔗 Resources & Code:
https://github.com/BlazorPuzzle/Puzzle-79
Episode 79 of The Blazor Puzzle comes to you from Microsoft Build in Seattle! Carl Franklin and Jeff Fritz dive into building a connectivity indicator for Blazor WebAssembly apps, showing whether youre online or offline — perfect for PWAs.
🔌💚 Using green and gray Wi-Fi icons, they show how to dynamically update UI state based on real-time browser connectivity — all using Blazor components, JS interop, and RenderFragments… the Blazor way.
🔍 What You’ll Learn:
✔️ How to detect online/offline status in a Blazor WebAssembly app
✔️ How to hook into navigator.onLine and listen for connectivity changes
✔️ Using [JSInvokable] and DotNetObjectReference to connect Blazor and JS
✔️ Swapping content with RenderFragments instead of JavaScript hacks
✔️ Why this approach is clean, testable, and reusable in PWAs
🧩 All wrapped up in a reusable ConnectivityIndicator component—just drop it in and go!
📫 Got a clever Blazor trick or puzzle? Send it to blazorpuzzle@appvnext.com and you might win a Blazor Puzzle mug (or even get your name shouted out on the show!).
📌 Want to level up your Blazor testing skills? Subscribe & join the puzzle! 🧩
Get Started Today – Free 30 Day Trial
http://dxpr.es/NUGET
http://dxpr.es/FREE-TRIAL
Pricing and Online Demos
http://dxpr.es/BUY
http://dxpr.es/DEMOS
We Are Here to Help
http://dxpr.es/SUPPORT
Follow DevExpress on Social Media
http://dxpr.es/FACEBOOK
http://dxpr.es/TWITTER
http://dxpr.es/BLOGS
Review Customer Testimonials
http://dxpr.es/TESTIMONIALS
http://dxpr.es/MARKETPLACE
#DevExpress, #devexpress_blazor The Blazor Puzzle 79 - Blazor WASM Connectivity Indicator (No JavaScript Hacks!)](https://i.ytimg.com/vi/sh6NVdfOFQM/mqdefault.jpg)

