Applying Styles to ASP.Net MVC ViewData objects

Question

I have the following code in a MVC User Control (the field names have been changed to protect the innocent):

These are to be displayed in a list beneath a header on the page that calls this control.

Given that I blow at CSS, how do I apply tags to the header and these fields so that everything lines up properly?

Many thanks,

KevDog

Update: The goal is to have the fields in the user control underneath and aligned left beneath the labels in the header. My first problem is adding a class to the ViewData items above. Do they go inside of other tags or are the attributes applied inside the tag itself? I've tried the latter and it doesn't seem the correct approach.

You need to define " lining up properly" perhaps by showing an exampe of your desired output. — AnthonyWJones
– AnthonyWJones, Commented Jan 21, 2009 at 15:39

Craig Stuntz · Accepted Answer · 2009-01-21 17:13:00Z

2

It appears, from your sample code, but you are just directly outputting string properties into the web page. In this case, you would need to surround the output string with a span or a div in order to assign it a class, like this:

<div class="foo"><%=ViewData.Model.foo %></div>

On the other hand, you might, elsewhere, use HTML helpers, and in this case, you can pass the class to the helper method:

<%= Html.TextBox("foo", ViewData.Model.Foo, new { @class="foo" })%>

answered Jan 21, 2009 at 17:13

Craig Stuntz

127k12 gold badges257 silver badges275 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ryan Lanciaux · Accepted Answer · 2009-01-21 15:38:15Z

0

You may want to look at the 960 Grid System. It will still require some CSS but it will make your life a lot easier. There are some examples / tutorials on the site.

answered Jan 21, 2009 at 15:38

Ryan Lanciaux

5,9442 gold badges40 silver badges49 bronze badges

Collectives™ on Stack Overflow

Applying Styles to ASP.Net MVC ViewData objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related