Blazor in Razor oder MVC View

Wenn ich Blazor demonstriere ist häufig eine der ersten Fragen, kann man das in Webforms oder ASP.NET MVC integrieren? Praktisch gar nicht. Erst wenn deine ASP.NET Web Anwendung auf asp.net core basiert, klappt das reibungslos. Dabei ist es egal ob man Blazor in Razor cshtml Views oder MVC einbetten... [Mehr]

Seiten Titel mit Blazor setzen

Ab einen gewissen Punkt, fängt Blazor an seine Grenzen zu stoßen. Jeder SEO will in seiner Web Site, Title und Metatags setzen um besser in der Suchmaschine platziert zu sein. Das kann aber Blazor nicht. Weder die Server rendert noch die Client Webassembly Variante. Nun kann man sich in die Start S... [Mehr]

LocalStorage Kurzeinführung für Blazor

Blazor Web Apps, egal ob Server Rendered oder Webassembly hosted, müssen den Status speichern können. Dabei gibt es die JavaScript API eines Browser LocalStorage und SessionStorage her. Letzteres gilt pro Browser Tab und ersteres auch weiter wenn der Browser geschlossen wurde. Bei der Suche nach ei... [Mehr]

Singleton Blazor und eine Art von NotifyPropertychanged

Gestern war ich bei der .net usergroup in Hamburg. Im Gepäck ein Blazor Freeride Vortrag. Es kamen viele sehr gute Fragen auf, bei einer bin ich ins Stocken geraten. Im Kern geht es darum, wie ein Objekt seine UI benachrichtigen kann. Also praktisch das, was in MVVM ein INotifypropertyChanged macht.... [Mehr]

Rechte Spalte nach oben

Was mit Dockpanel und co in WPF oder UWP ein Klacks ist, gestaltet sich in HTML etwas schwieriger. In einer Website soll rechts ein Suchdialog mit Liste erscheinen. Auf dem Mobilen Gerät soll der Suchdialog oberhalb sein. Grund dafür ist mobil benutzt der Benutzer die Seite Portrait. Am Desktop oder... [Mehr]

Geolocation Component für Blazor

Irgendwann kommt der Zeitpunkt, da geht es ohne JavaScript nicht mehr. Da mag man mit C#, Blazor und Tricks noch so weit kommen. Wenn es an die Browser API geht muss es JavaScript werden. In diesem Blog Artikel wird eine Komponente erstellt, zur Kapselung der HTML5 Geolocation API. Um die Aufgabe ... [Mehr]

Eingabe mit Enter bestätigen

Vielfacher Kundenwunsch: wenn man die Enter (Return) Taste drückt, soll das Formular gespeichert werden. Also ein HTML EIngabe Formular wird per Enter ein Form Submit ausgelöst. Auch mit einer Blazor SPA steht man vor diesem Problem. Speziell wenn man kein Form und keinen Submit Button hat. Es soll ... [Mehr]

Visual Studio Blazor Projekt Struktur

Nun ist es soweit. Dotnet Core 3 ist final und damit auch Blazor.  Allerdings nur die Server rendert Variante. Auf die Browser hosted  by Webassembly scheinen wir noch mindestens 6 Monate warten zu müssen. Zunächst wird mit Visual Studio 2019 ein leeres Projekt vom Typ Blazor erzeugt. Es ... [Mehr]

Boostrap Modal Dialog für Blazor

Was soll ich sagen. Blazor Komponenten mag ich von Tag zu Tag mehr. Ich habe schon viele UI Frameworks genutzt, aber praktisch immer die Finger von UI Elementen gelassen, die nicht out of the Box mitgeliefert wurden. Aber Blazor setzt voll auf HTML und CSS und ist insofern die Schleifmaschine fürs W... [Mehr]

Chart Component Blazor

Nachdem ich über Blazor und die parallelen zum MVVM Model geschrieben habe, will ich mir einen weiteren Blog Artikel von mir vornehmen. Dabei wurde eine Chart UI Element erstellt unter Zuhilfenahme von reichlich JavaScript. Mit dem neuen Blazor Know How gehts nun an einen rewrite der Blazor Componen... [Mehr]