Question

Are there examples on how to quickly improve the layout of generated ASP.Net MVC form views? I’d like to improve the look of my ASP.Net MVC forms for an LOB CRUD application, but don’t want to spend a lot of time working on CSS layouting.

Answer 1

Here’s an example of something close to what I’m looking for.

<style type="text/css">
form
{
    background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
    padding: 10px;
    width: 300px;
}

.editor-label, .editor-field
{
    display: block;
    width: 120px;
    float: left;
    margin-bottom: 10px;
}

.editor-label
{
    text-align: right;
    padding-right: 20px;
}

br
{
    clear: left;
}
</style>