Simple Razor question regarding Html.Editor helper (MVC3)

Question

Basically, I have a table with multiple editors like this:

<table> <tr> <td>@Html.EditorFor(x => x.Random1)</td> <td>@Html.EditorFor(x => x.Random2)</td> </tr> <tr> <td colspan="2">@Html.EditorFor(x=> x.Random3)</td> </tr> </table>

Now, my problem is, as you probably already figured out from the colspan="2", is that I want my third textbox to stretch all the way thorugh the two columns. In normal HTML is would naturally just add a width attribute. Is there a DataAnnotation like DataType.MultilineText that can change the width of the editors? Any other ideas?

UPDATE: If I change it to a TextBoxFor instead of EditorFor, I can actually add @Html.TextBoxFor(x => x.Random, new { style = "width: 500px;" }).
Only problem is, I have another textbox (lets say random4) and it somehow overrides my DataAnnotation MultilineText and makes it a plain 500px textbox. Guess ill have to digg into the CSS :(

score 1 · Answer 1 · edited May 23 '17 at 12:26

1

You might find some of the answers to this question useful.

The good thing about templates is that if you don't like the way they work, you can simply drop-in your own implementation.

You can also try using CSS to specify the width for your control, based on it's ID.

edited May 23 '17 at 12:26

Community

1
1

answered Jul 26 '11 at 11:13

Steve Morgan

12,978
2
40
49

Alright, thanks alot. Theres a bunch of different approches in that post, ill look them through and see if theres anything that fits me. – Kasper Skov Jul 26 '11 at 11:28
Wow, there is relativly a lot of effort in solving this reading though that post. You should think this was dead simple. – Kasper Skov Jul 26 '11 at 11:49
The issue is really down to the simplistic way in which the existing templates are defined. They're a simple 'starter for 10'. You can obtain or develop templates with richer functionality; the good thing is that they only need to be developed once, and you can use them over-and-over again. It's quite possible that later versions of MVC will have richer templates, but can you wait? – Steve Morgan Jul 26 '11 at 11:52
Nope :) Check out my update on the question. Any ideas on that? – Kasper Skov Jul 26 '11 at 11:59

score 0 · Accepted Answer · answered Jul 26 '11 at 12:28

0

Easiest solution is to just style the control in the css. For the random3 textbox ill use input[type="text"]{width:1px} and for the random4 multilinetext, ill use just use textarea{width:1px}

answered Jul 26 '11 at 12:28

Kasper Skov

1,954
10
32
53

score -1 · Answer 3 · answered Jul 26 '11 at 10:58

-1

In the Property of the Model - in this case Random3 give it an annotation

public class ViewModelName
{
    [DataType(DataType.MultilineText)]
    public string Random3 { get; set; }
}

then when you can the Html.EditorFor(x => x.Random3) it will know it needs to be multiline

answered Jul 26 '11 at 10:58

stack72

8,198
1
31
35

Yes I am well aware of that. Thats not my problem. But thanks anyways :) – Kasper Skov Jul 26 '11 at 11:23
1

Only other way is to control via CSS then I'm afraid :( – stack72 Jul 26 '11 at 11:27
Guess so. Most of the solutions in Steve's answer are too much effort, for something I would think was basic and dead simple. – Kasper Skov Jul 26 '11 at 11:47
1

Kasper, have you tried using CSS? The ID of the relevant control should be easy enough to find - use View Source in the browser to find it. – Steve Morgan Jul 26 '11 at 11:55
Yep, I really just wanted to avoid it. Guess im not use to style controls in the css. But it works, and thats the most important thing :) – Kasper Skov Jul 26 '11 at 12:22

Simple Razor question regarding Html.Editor helper (MVC3)

3 Answers3