Category UI

Using EF Core and SQLite to persist SignalR Group messages in ASP.NET Core

The article shows how SignalR messages can be saved to a database using EF Core and SQLite. The post uses the SignalR Hub created in this blog; SignalR Group messages with ngrx and Angular, and extends it so that users can only join an existing SignalR group. The group history is then sent to the […]

Auto redirect to an STS server in an Angular app using oidc Implicit Flow

This article shows how to implement an auto redirect in an Angular application, if using the OIDC Implicit Flow with an STS server. When a user opens the application, it is sometimes required that the user is automatically redirected to the login page on the STS server. This can be tricky to implement, as you […]

Angular Localization with an ASP.NET Core MVC Service

This article shows how localization can be implemented in Angular for static UI translations and also for localized data requested from a MVC service. The MVC service is implemented using ASP.NET Core. This post is the first of a 3 part series. The following posts will implement the service to use a database and also […]

Angular 2 child routing and components

This article shows how Angular 2 child routing can be set up together with Angular 2 components. An Angular 2 component can contain it’s own routing, which makes it easy to reuse or test the components in an application. Code: Angular 2 app host with ASP.NET Core 2017.01.07: Updated to Angular 2.4.1, Webpack 2.2.0-rc.3 2016.11.07: […]

Plotly charts using Angular, ASP.NET Core 1.0 and Elasticsearch

This article shows how to use a javascript Plotly Bar Chart in Angular to display data from an ASP.NET Core 1.0 MVC application. The server uses Elasticsearch as persistence and uses it to retrieve the aggregated data and return it to the UI. Code: 2016.07.05: Updated to ASP.NET Core RTM and ElasticsearchCrud 2016.05.20: […]

ASP.NET Core multiple configurations without using environment variables

This article shows how to use multiple Json configuration files in ASP.NET Core 2.0 which can be used in CI for automatic deployment without requiring environment variables. Code: 2017.08.15: Updated to ASP.NET Core 2.0 2017.07.01: Updated to VS2017 and csproj 2016.07.01: Updated to ASP.NET Core 1.0 RTM 2016.05.17: Updated to ASP.NET Core 1.0 RC2 […]

Drag and drop bootstrap tabs in ASP.NET Core 1.0 with AngularJS

This article shows how to create a bootstrap tab menu with data from an MVC 6 service in an ASP.NET Core 1.0 application using Angular. The tabs can be dragged and dropped so that the position or tab order can be changed by the user. The drag and drop list is implemented using angular-drag-and-drop-lists from […]