Skip to content

juliuskrah/appcon

Repository files navigation

Welcome to ASP.NET Core

We've made some big updates in this release, so it’s important that you spend a few minutes to learn what’s new.

You've created a new ASP.NET Core project. Learn what's new

Pre requisites

  1. ASP core
  2. Git
  3. Bower

Getting Started

  1. git clone https://github.com/juliuskrah/appcon.git
  2. cd appcon
  3. bower install
  4. dotnet restore
  5. dotnet ef database update
  6. dotnet run

Now access your application on localhost:5000

This application consists of:

  • Sample pages using ASP.NET Core MVC
  • Bower for managing client-side libraries
  • Theming using Semantic UI

Semantic UI

CSS / JS

This generator uses the Semantic UI bower package. By default it includes the entire Semantic UI .css or .min.css depending on the environment. You can read the Semantic UI documentation here to learn how to use just the components you need.

Validation

In order for Semantic UI validation to play nicely with the jQuery unobtrusive validation, a helper has been added to hook into the validation calls and update the fields. This module simply highlights the field, and displays a validation summary.

For a form to be validated, add the validate-me class. To display the error messages use:

<div asp-validation-summary="All" class="ui error message"></div>

semantic.validation.js is where the magic happens. Upon error (highlight), find the nearest field element and add the error class. When the error is cleared (unhighlight), remove the error class from the nearest field element.

MenuLinkTagHelper

To assist with menu highlighting depending on the route, a MenuLinkTagHelper class has been included.

How to

Overview

Run & Deploy

We would love to hear your feedback