If you have used a template to set up razor pages with authentication, you may need to address the UserManager service directly. Injecting the service in the model. In this first example, we inject the UserManager service using the constructor of the Razor Page Model. We assign it to a private field _userManager. Then we […]
A simple example of returning a partial ActionResult in a Razor Page
Returning a partial ActionResult allows us to update content on a page without reloading the page. This simple example lists some students and allows us to display detail about a student with a click. We use entity framework and .net core. In this example, the students are listed with a button next to each student. […]
Uploading an image to a file using javascript and entity framework
You can use javascript to resize a photo before posting to entity framework. The following html is included in a form with the id “formdata” and adds bootstrap for formatting. Form Html <div class="form-group"> <label asp-for="Photo" class="control-label"></label> <label class="control-label">Upload a photo</label> <div class="col-md-10"> <input type="file" name="Upload" id="Upload" onchange="loadImageFile();"> </div> <div> <img id="my_photo" src="@src"> </div> […]
Using the .net core anchor tag helper with Razor Pages and areas
With Razor Pages, the anchor tag helper is used somewhat differently than with MVC. A typical anchor tag helper for MVC is: <a asp-controller="Home" asp-action="Products">Our Products</a> In this case, you specify the controller as the Home controller and the handler method in the controller as “Products”. Razor Page Model In the case of a Razor […]
Preview a photo before upload in a Razor Page
When you upload a photo to your website, you want to see a preview before you click “save”. This discusses a simple way to temporarily upload a photo with ajax so as to make a seamless process that does not require your web page to be refreshed. You can also preview your photo without temporarily […]