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

.NET 4.0 ASP.NET MVC 3 plug-in architecture with embedded views

Rate me:
Please Sign up or sign in to vote.
4.92/5 (60 votes)
8 Jul 2013CPOL5 min read 190.3K   11.5K   146  
MVC 3 plugin architecture with embedded razor views: steb-by-step description and demo application.
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background-color: #fff;
    font-size: .84em;
    font-family: "Helvetica";
    margin: 0;
    padding: 0;
    margin: 0 auto;
}



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: 0;
    line-height: 1em;
}

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

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

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    background: #DDD;
    color: #192839;
    font-size: 1em;
    font-weight: bold;
    margin: 0.4em 0 0.4em;
    padding: 0.3em 10px;
    text-transform: uppercase;
    border-radius: 4px;
}

h6 {
    font-size: 1em;
}

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

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: #555;
    color: #fff;
    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: #59b4d4;
    text-decoration: none;
}

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

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

/* PAGE ELEMENTS   
----------------------------------------------------------*/
.page {
    margin: 0 auto;
    width: 1000px;
}

.calendar-item-container {    
}

.plugin-item-container 
{
    width:100%;
    border-bottom: 1px #555 solid;
    padding: 0 0 2px;
    position: relative;
}
.calendar-left-cell
{
    width:30px;
    float:left;    
}
.calendar-right-cell
{
    display: block;
    float:left; 
    width:90%;   
}
.calendar-description p
{
    width: 250px;
    overflow: hidden;     
    white-space: nowrap;
    display:block;
    margin: 0;
    
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis;
}
.calendar-table
{
    border:1px solid gray;
    border-collapse:collapse;
}
.calendar-table td, .calendar-table th
{
    border:1px solid #CCC;
}
.calendar-table th
{
    background-color: #DDD;
}
.calendar-table td
{
    height: 75px;
    vertical-align: top;
}
.calendar-title {
    font-weight: bold;
}

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 Code Project Open License (CPOL)


Written By
Software Developer (Senior)
Germany Germany
.NET & JavaScript Senior Software Lead Developer & Architect.
Since 2005 worked with most of .NET technologies (Windows Forms, ASP.NET, WCF, WPF, XNA) and for some years passionate about JavaScript and client JavaScript Architecture.

Comments and Discussions