Category UI

Shared Localization in ASP.NET Core MVC

This article shows how ASP.NET Core MVC razor views and view models can use localized strings from a shared resource. This saves you creating many different files and duplicating translations for the different views and models. This makes it much easier to manage your translations, and also reduces the effort required to export, import the […]

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: https://github.com/damienbod/AngularPlotlyAspNetCore 2016.07.05: Updated to ASP.NET Core RTM and ElasticsearchCrud 2.3.3.1 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.1 which can be used in CI for automatic deployment without requiring environment variables. Code: https://github.com/damienbod/AspNetCoreConfiguration 2018-06-20: Updated to ASP.NET Core 2.1 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: […]

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 […]

Batching in an ASP.NET Core 1.0 AngularJS application using angular-http-batcher

This article shows how to use angular-http-batcher in an ASP.NET 5 application. The back end is implemented using the existing Web API ASP.NET framework. At present, batching is not supported in the new ASP.NET Core 1.0 framework. It looks like batching will not be supported in the new MVC framework. A lot of the existing […]

Web API File Upload with MS SQL SERVER FileTable

This article demonstates how the setup a file upload using Web API and save it to a MS SQL Server database using a FileTable. Because a FileTable is used, the files can be saved directly to the database, without creating an extra stream. The files can be then accessed using the database or directly in […]