ASP.NET Core 5.0 - Analytic Dashboard

This article will demonstrate the implementation of analytic data listing pages and a summary dashboard. I will assume you have downloaded the ASP.NET Core 5.0 - Homegrown Analytics Project or created a new ASP.NET Core 5.0 Razor Pages project. See Tutorial: Get started with Razor Pages in ASP.NET Core.

Homegrown Analytics Project and Article Series

The project is feature complete and will increment the version with updates. The details page includes the version change log. This project is designed and organized to allow easy integration with existing projects. The KenHaggerty. Com. SingleUser NuGet package segregates the user logic. SQL scripts to create the schema, tables, and default data are included in the package. Details, screenshots, and related articles can be found at ASP.NET Core 5.0 - Homegrown Analytics Project.

Bootstrap implements a css container class with a max-width of 1140px.

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;

The main layout wraps the container class around the RenderBody function which renders content pages.

Shared/ _Layout.cshtml:
<div class="container">
    <main role="main" class="pb-3">
    <partial name="_CookieConsentPartial" />

All content pages which reference the main layout have a 1140px max width. When displaying analytic data full screen on a 1920 X 1040 monitor, I would rather see data than white space.

Bootstrap Layout PageHit Listing Page Wide.

The project implements an optional analytics layout and a container-max class to display more data on the listing pages.

Analytics Layout PageHit Listing Page Wide.

The project implements ajax-modal.js on the listing pages to display all properties.

Admin PageHit Listing Modal Page.
Admin PageHit Listing Modal Page Mobile.

The project implements a summary Dashboard to display PageHit and Session properties with frequency counts and links to the PageHits and Sessions pages with the filter applied. The Dashboard includes links to the default PageHits, Sessions, NotFoundErrors, UserAgents, and CaptchaChallenges pages. All listing pages are filtered by 1, 3, 7, or 30 previous days.

Admin Analytics Index Page.
Admin Analytics Index Page Mobile.
Ken Haggerty
Created 01/02/21
Updated 01/06/21 06:04 GMT

Log In or Reset Quota to read more.

Article Tags:

Analytics EF Core Model
Successfully completed. Thank you for contributing.
Contribute to enjoy content without advertisments.
Something went wrong. Please try again.



Not accepting new comments.

Submit your comment. Comments are moderated.

User Image.
DisplayedName - Member Since ?