Click here to Skip to main content
15,860,972 members
Articles / Web Development / ASP.NET

MVC Basic Site: Step 2 - Exceptions Management

Rate me:
Please Sign up or sign in to vote.
4.90/5 (46 votes)
25 Oct 2013Ms-PL16 min read 144.9K   5.4K   135  
This second article from the "MVC Basic Site" series presents in details the exceptions management rules and their implementation for an ASP.NET MVC web site, and provides some utile base classes and source code for Logging and Exceptions Management that can be reused.
/*----------------------------------------------------------
The base color for this template is #0078ae. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #C0C0C0; /* #FFCC66;  #5c87b2; */
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}

a:visited
{
    color: #505abc;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

.headerTitle
{
    font-size: 2.5em;
    padding-bottom: 0;
    margin-bottom: 20;
    color: #FFCC66;
    text-align: left;
    width: 100%;
    padding-left: 10px;
}

h2
{
    padding: 0 0 10px 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
}

header, #header
{
    position: relative;
    margin-bottom: 4px;
    margin-top: 0px;
    color: #000;
    padding: 2px 8px 0px 8px;
    background-color: #0078ae;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

#main
{
    min-height: 500px;
    height: auto;
    padding: 4px 4px 4px 4px;
    background-color: #e8eef4;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

footer, #footer
{
    background-color: #0078ae;
    color: #FFCC66;
    height: 20px;
    text-align: center;
    vertical-align: bottom;
    padding: 8px 0 4px 0;
    line-height: normal;
    margin: 4px 0px 0 0;
    font-size: .9em;
    font-weight: bold;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}


/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #0078ae solid;
    padding: 0 0 2px 0px;
    position: relative;
    margin: 0;
    text-align: left;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

nav, #menucontainer
{
    margin-top: 0px;
    width: 100%;
}

#logindisplay
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    display: block;
    text-align: right;
    margin: 0px;
    color: #FFCC66;
}

#logindisplay a:link
{
    color: #FFCC66;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #FFCC66;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #fff;
    text-decoration: none;
}

div#_quickSearch
{
    display: block;
    text-align: right;
    font-size: 1.2em;
    color: #FFCC66;
}

.currentCulture
{
    font-size: 14px;
    display: block;
    text-align: right;
    color: Black;
    width: 100px;
}

.quickSearch
{
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

img#_leftImage
{
    height: 80px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.submitButton
{
    height: 26px;
    font-size: 14px;
    margin-right: 4px;
}

.actionFinalized
{
    color: #CC9900;
}

.addressDropDown
{
    height: 26px;
    width: 206px;
}

#header .errorMessage
{
    float: left;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Microsoft Public License (Ms-PL)


Written By
Romania Romania
I have about 20 years experiences in leading software projects and teams and about 25 years of working experience in software development (SW Developer, SW Lead, SW Architect, SW PM, SW Manager/Group Leader).

Comments and Discussions