Popup Benachrichtigung per Alert

Immer mehr Building Blocks wandern in meine Blazor CRM Web App. Dieses Mal benötige ich eine Bootstrap Alert Box am Ende der Blazor Server Page. Zunächst wird der Alert als Blazor Componente AlertPPEDV.razor im Visual Studio Projekt erzeugt. Der HTML Teil könnte so aussehen um den Alert im Botto... [Mehr]

Dynamische Page Route in Blazor Page

Neulich beim Kunden folgende Zeile entdeckt, die am Anfang jeder Blazor Componente auftaucht. @attribute [Route(Settings.Counter)] .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*whi... [Mehr]

Blazor Wartemeldung während Button Click

Wenn es mal länger dauert sollte man seinen Benutzer mit einer Wartemeldung die Ungeduld nehmen, dauernd auf den verdammten Button klicken zu müssen. Man würde meinen, das ist ganz einfach. Ein Spinner animiertes Gif und Visibilty und fertig. Ist es nicht und daran ist das Rendering bei einer Blazor... [Mehr]

UX Pattern: Suche Listen

Wenn ich eine neue UI bezogene Developer Technologie prüfe, versuche ich immer eine Reihe von UX Mustern ( nicht zu verwechseln mit Design Patterns) zu lösen. Also ein Baukasten, der die Anwendungsfälle optimal in Bezug auf Implementierungsdauer,  einheitliches Bedienkonzept und eben Plattform ... [Mehr]

Blazor Fehlermeldung in razor.g.cs

Wenn in Blazor Projekten während des kompilieren Fehler aufgetreten sind, hat Visual Studio die entsprechenden Dateien zur Blazor Componente erzeugt. Also bei Default.razor, eine default.razor.g.cs. Irgendwann war das plötzlich weg. Nun habe ich heute einen wirren Fehler in Visual Studio, der gena... [Mehr]

sortierbare Tabelle per Blazor

Das Plugin Konzept von Jquery hat was. Man nehme eine HTML Table und holt sich ein JavaScript Library wie bootstrap-sortable.js ins Projekt. Dann noch die CSS Klasse sortable in jedes TH Element und fertig. Mit Blazor geht das leider nicht so einfach. Da jede Component seinen eigenen Renderer und S... [Mehr]

Blazor Navbar Top Menü auf Bootstrap Basis

Die Standard Visual Studio Templates für Blazor Projekte, platzieren das Menü links. Dies ist vermutlich in der Programmierpraxis eher die Ausnahme. Viele Websites oder Webapps werden per Drop Down Navigation am oberen Bildschirm Rand gesteuert. Da Blazor auf Bootstrap 5 setzt ohne die zugehörigen J... [Mehr]

Events in Blazor

Jedes UI reagiert auf den Benutzer, nicht immer sofort, aber irgendwann doch. Der Entwickler verdrahtet z.B. den Button und ein Mausklick mit einem Stück Code. Meist eine Prozedur. In .NET basiert das irgendwie alles auf Delegates. Ich kann mich noch gut erinnern. Sitze bei Microsoft und jemand name... [Mehr]

Blazor WASM QRCode Reader

Eigentlich war mein Ziel einen Prototyp zu schreiben. Einen QR Code Decoder im Browser als Web Assembly per Blazor. Das Ergebnis gleich am Anfang. Ich bin gescheitert. Die verwendete .net Library (und wohl auch alle anderen) nutzen aus Performance Gründen GDI+, das wiederum über System.Drawing abstr... [Mehr]

Blazor Lab Ampel

Vor vielen Jahren habe ich hier einen Blog Artikel geschrieben, wie man eine Österreichische Ampel m [Mehr]