I started building ContosoKarate (WebMatrix) by creating a site using the default WebMatrix Default Site Template.
The default template includes a collection of account related pages.
After modifying the _SiteLayout.cshtml the Register.cshtml looked pretty good.
So there are two things I need to do.
- Enable Captcha
- Make the formatting pretty.
First, I modified the Login Box markup to include a link to the Register.cshtml page.
<li><a href=’#’>Forgot your password?</a></li>
<li><a href=’#’>Forgot your username?</a></li>
<li><a href=’@Href(‘~/Account/Register.cshtml’)’ /’>
Create an account</a></li>
So I did a bit of clean up in the formatting and lined up form fields using a table. I know, I know – but for something this simple a table is perfect and easy.
Next, next enable Re-Captcha. To do this we’ll need to use the WebMatrix Package Manager (which is a front end to NuGet) to download and install some of the basic WebMatrix Razor Helpers.
Before we install he Re-Captcha Helper itself, we’ll need a Re-Captcha Key.
You can get one by going here https://www.google.com/recaptcha/admin/create and following the steps as in the screen shots below.
Save the ReCaptcha keys and start your WebMatrix application then add _Admin to the url in the browser.