Step by step migration of ASP.NET Core 2.2 to 3.1

-
In order to upgrade/migrate asp.net core version to 3.1 following steps to be perform. Download and install Visual Studio 2019 version 16.4 or higher. Download and install .NET Core 3.1  https://dotnet.microsoft.com/download/dotnet-core/3.1 Upgrade the projects of solution to .NET Core 3.1 , because ASP.NET Core 3.1 requires it. Update existing Nuget packages to a version compatible with ASP.NET Core 3.1 in each project Use IHost interface from a IHostBuilder instead of building and running a IWebHost from a IWebHostBuilder in Program.cs public static IHostBuilder CreateWebHostBuilder(string[] args) => Host.CreateDefaultBuilder(args) .ConfigureWebHostDefaults(webBuilder => { webBuilder.UseKestrel() .UseSerilog() .UseStartup<Startup>(); }) Change AddMvc method has been replaced by AddControllers in Startup.cs of each projects. In Startup.cs, UseMvc method to b
Post a Comment

Javascript keaboard events for function keys f1 to f12

-
Using the function keys in a web application is a dicey situation.  Several of the keys have specific uses in the browser and these keys should be avoided at all costs.  Additionally, the keys all have a semantic meaning in the UI standards of various operating systems.  But if you insist on using function keys, here’s a handy matrix for how they map and what events they can be used from.



Key Windows Semantic Meaning onKeyDown onKeyPress* onKeyUp Notes
F1 Help 112 112 N/A Don’t use this, it will open the browser’s help regardless of the way you process this key.
F2 Undo 113 113 113
F3 Redo 114 114 N/A
F4 New 115 115 115
F5 Open/Refresh N/A N/A 116 Don’t use this… ever.  It always refreshes the browser and this functionality cannot be overridden.
F6 Close 117 117 N/A
F7 Reply 118 118 N/A In Firefox this brings up the dialog to turn off caret browsing.  You should avoid this key.
F8 Forward 119 119 119
F9 Send 120 120 120
F10 Spell 121 121 121
F11 Save/Full Screen 122 122 122 DON’T USE THIS!  This causes the browser to go full screen (just about all browsers have this now).  The semantic meaning of Save should be transferred to F6 which is semantically Close by default.
F12 Print 123 123 123

* IE does not support the onKeyPress event for function keys!

You’ll notice several keys don’t show up in the onKeyUp event.  I have no idea why this behavior exists.

Comments

Post a Comment

Popular posts from this blog

Restore the lost focus of Auto post back controls in asp.net update Panel control

-
Problem: We put  autopostback controls like textbox, DropDownList controls inside in update panel to reducing the flickering of the Page.but when user uses tab for entering the details  the focus of the control losts. Web site users who prefer to use keyboard need to use mouse to activate appropriate input box or press TAB multiple times. Solution: Step 1: Save following in js file give any name to it (like MyUpdatePanelFocus.js ) var lastFocusedControlId = ""; function focusHandler(e) { document.activeElement = e.originalTarget; } function appInit() { if (typeof (window.addEventListener) !== "undefined") { window.addEventListener("focus", focusHandler, true); } Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(pageLoadingHandler); Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoadedHandler); } function pageLoadingHandler(sender, args) { lastFocusedControlId = typeof (document.acti
Read more

Add Comma automatically while entering amounts in textbox using Javascript

-
Use following javascript function to add comma in numerics input in textbox function Comma(Num) { Num += ''; Num = Num.replace(/,/g, ''); x = Num.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d)((\d)(\d{2}?)+)$/; while (rgx.test(x1)) x1 = x1.replace(rgx, '$1' + ',' + '$2'); return x1 + x2; } Use following event of input textbox to call above function onkeyup = "javascript:this.value=Comma(this.value);"
Read more

Devexpress Datebox date formatting in angular 6 with example

-
The Devexpress DateBox in Angular is a widget that displays the date and time in one of DevExtreme predefined formats or a format defined in an external localization library, or a type in the required date/time value. In this article, the i will provide you different date-format which we can set on DateBox to show date and time to user. Following is the code snippet to add Datebox in your Angular form if the you want to capture only date      <dx-date-box [value]="now" displayFormat="EEEE, MMM dd" type="date" > </dx-date-box> Following is the custom formats we can set and depending upon its converted values will be shown. "dd-MM-yyyy" => 28-10-2018 "EEEE, MMM dd" => Sunday, Oct 28 "dd MMM yyyy EEEE" => 28 Oct 2018 Sunday "dd-MM-yyyy EEEE" => 28-10-2018 Sunday alternatively you can change the format as way you want Following is
Read more