BlazorPowerHour

Hello Blazor fans, it's time for another episode of the Blazor Power Hour. Each week we take an hour to discuss a Blazor topic, FAQ, or common misconception.

When: 10AM ET

Where: CodeItLive

How: You can participate via chat in Twitch and ask questions live. You can also file an issue on this GitHub repo to have it covered as a show topic.

Past Shows: Past shows can be found on Twitch TV for 2 weeks, they will then archive on the Telerik YouTube channel. Source code for past shows can be found below.

EP 1

Blazor EditForm with multiple buttons

Q: In a Blazor EditForm with multiple buttons e.g. Save and cancel. How do we prevent validation from displaying on some actions and not others?

A: https://blazorrepl.com/repl/wOlEkBvT06jcgv2704

EP 2

Blazor Cascading Drop Down List

Q1: How do I implement a cascading drop down list in Blazor?

Q2: How do I validate a drop down in Blazor?

A: https://blazorrepl.com/repl/QYbOvelJ08lbYGqz37

EP 3

Razor Class Libraries and Shared Routing

Video: https://www.youtube.com/watch?v=s-Llp1A9B4w&list=PLvmaC-XMqeBajjXk2Z1PWJq30Ompat0kE&index=5

EP 4

Blazor SignalR Basics

Video: https://www.youtube.com/watch?v=6I_T14V7Eqc&list=PLvmaC-XMqeBajjXk2Z1PWJq30Ompat0kE&index=4

EP 5

Front End Tools and CSS

Video: https://www.youtube.com/watch?v=rLsCjz0XQ64&list=PLvmaC-XMqeBajjXk2Z1PWJq30Ompat0kE&index=3

EP 6

Blazor Touch Events and Swipe Gestures

Viewer Question:

Hi Ed Charbeneau,

Would like to know how to implement touch gesture like swipe left, right, up or down in Blazor WASM App. Do you think you can create a simple demo in one of the Blazor Power Hour session to show how this can be achieved in Blazor.

Thanks.

Regards, Bernard

Details and Code: #2

Video: https://www.youtube.com/watch?v=fGYVRuga7LY&list=PLvmaC-XMqeBajjXk2Z1PWJq30Ompat0kE&index=1

EP 7

Blazor File Uploads

Video: TBD Code: Files

EP 8

Blazor FAQ Show 1

• 1. How do I escape the (at) symbol in Razor?
• 2. How do I create a color picker in Blazor?
• 3. How do I bind a CSS class?
• 4. How do I hide a password in a Blazor input?
• 5. How do render Raw HTML in Blazor?

Answers and Examples: https://blazorrepl.com/repl/QPacaxlA09xjamI147

EP 9

Blazor Layout Components

Q: I'm a XAML Forms developer, where are Grid and StackPanel in Blazor? A: https://edcharbeneau.com/blazor-layout-components/

EP11-17-2020

HeadContent and Theme Swapping

Detecting the users theme preferences in Blazor. On this episode we explore CSS and Blazor techniques that can be combined to detect the users light and dark theme preferences. Using these ideas we’ll implement a theme switcher.

Q: How can I auto detect the user's theme and toggle dark mode. A: https://github.com/EdCharbeneau/BlazorPowerHour/tree/main/EP11-17-ThemeSwap