Render LabelFor without Label markup from Class DataAnnotation

Question

I have the following code

<div class="editor-label">
    @Html.LabelFor(model => model.subCategoryName)
</div>

which renders html as

<div class="editor-label">
   <label for="subCategoryName">Sub-Category Name</label>
</div>

How do I render clean HTML without the <label> but still getting the value from ViewModel DataAnnotations like:

    [Display(Name = "Sub-Category Name")]
    public string subCategoryName { get; set; }

<div class="editor-label">
   Sub-Category Name
</div

I have tried just about all the methods for @Html.XXXXXX (.DisplayTextFor, .DisplayNameFor, etc..) -- and still cant get it to work.

possible duplicate of [How can I override the @Html.LabelFor template?](http://stackoverflow.com/questions/5196290/how-can-i-override-the-html-labelfor-template) — Erik Philips, Aug 30 '12 at 18:57
Check this: http://stackoverflow.com/questions/5196290/how-can-i-override-the-html-labelfor-template — Florim Maxhuni, Aug 30 '12 at 19:04
is markup which we dont need. Clean would be no markup at all, unless needed. — Ravi Ram, Aug 30 '12 at 19:11
I'm thinking the
is unneeded. Why wouldn't you want to use Label with the advantages it brings over the div? — Jeff Siver, Aug 30 '12 at 19:36
As I already stated above, is markup which we don't need. The reason 'why' should not matter in this request. - I have posted the solution as well. — Ravi Ram, Aug 31 '12 at 03:15

score 28 · Answer 1 · answered Aug 30 '12 at 21:16

28

I think the right solution in this case is to not use LabelFor but to use the new MVC 4 method DisplayNameFor.

 @Html.DisplayNameFor(model => model.subCategoryName)

I noticed you said it didn't work, but thats seems odd. Here is an example on ASP.Net - Adding a New Field to the Movie Model and Table with exactly what you are trying to do.

answered Aug 30 '12 at 21:16

Erik Philips

53,428
11
128
150

I found my Annotation was not correctly formatted. See my findings below. – Ravi Ram Aug 31 '12 at 03:12

score 7 · Accepted Answer · answered Aug 31 '12 at 03:10

Findings and fix: After much digging, I found the solution. My DataAnnotation was not correctly formatted:

    [Required]
    [DisplayName("Sub-Category Name")]
    public string subCategoryName { get; set; }

not

    [Required]
    [Display(Name = "Sub-Category Name")]
    public string subCategoryName { get; set; }

2 - The I used the following RAZOR code:

@Html.DisplayNameFor(model => model.subCategoryName)

Its now working!

score 3 · Answer 3 · edited Aug 28 '13 at 15:53

3

[Mostly use in Display Name]
@Html.DisplayNameFor(model => model.UserName) 

[Used for Label, Functionality of Label click on it then cursor point to related control]

 @Html.LabelFor(m => m.UserName)               

[Used for Textbox]

@Html.TextBoxFor(m => m.UserName)

[Used for Validation Message]

@Html.ValidationMessageFor(m => m.UserName)

edited Aug 28 '13 at 15:53

शेखर

17,412
13
61
117

answered Jul 18 '13 at 09:10

Yasir Mughal

83
7

Render LabelFor without Label markup from Class DataAnnotation

3 Answers3