How to add data attributes in Sitecore MVC fileds

Question

My code:

<a data-toggle="dropdown">Associate Sites<i class="fa fa-angle-down"></i></a>

I tried following code:

namespaces:

@using System.Web.Mvc
@using Sitecore.Mvc
@using Glass.Mapper.Sc
@using Sitecore.Mvc.Presentation
@inherits Glass.Mapper.Sc.Web.Mvc.GlassView<CassiaMvc.Models.Footer>

Code:

  @Html.Sitecore().BeginField("Link Field", new { @data-toggle="dropdown" })
  @Html.Sitecore().Field("Destination URL", item)
  @Html.Sitecore().EndField()

But I getting error,

Please let me know what am doing wrong.

I tried with @Html.Sitecore().BeginField("Link Field") @Html.Sitecore().Field("Destination URL", item,, new {@data-toggle="dropdown" }) @Html.Sitecore().EndField(), also getting same error. — Suresh R
– Suresh R, Commented Mar 22, 2016 at 15:28
I see you are importing Glass Mapper namespaces. Is there a reason you are not using it? — Ben Golden
– Ben Golden, Commented Mar 22, 2016 at 16:04

Richard Seal · Accepted Answer · 2016-03-22 15:38:09Z

3

You can't use hyphens for property names in a dynamic object. Change the hyphens to underscores:

 @Html.Sitecore().BeginField("Link Field", new { @data-toggle="dropdown" })

to

@Html.Sitecore().BeginField("Link Field", new { @data_toggle="dropdown" })

The field renderer should convert the underscores to hyphens when rendered.

answered Mar 22, 2016 at 15:38

Richard Seal

4,26616 silver badges30 bronze badges

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

5 Comments

Suresh R Over a year ago

Thanks, error gone, but not rendered the attribute. <a href="http://" target="_blank" item="Sitecore.Data.Items.Item" isactive="False">Associate Sites</a>

Chris Auer Over a year ago

This works in my dev. @Html.Sitecore().Field("Destination URL", item, new { @data_toggle="dropdown" })

Suresh R Over a year ago

Thanks dnstommy, working fine, could you please help me integrate of with in link field

Suresh R Over a year ago

I write code like this @Html.Sitecore().Field("Destination URL", item.Item, new { @data_toggle = "dropdown" }) , but getting like <a href="/en" data_toggle="dropdown">Associate Sites</a> , I would expect like <a data-toggle="dropdown">Associate Sites</a>

Tuananhcwrs Over a year ago

Hello Richard "The field renderer should convert the underscores to hyphens when rendered." this saves my day. Thank you.

Collectives™ on Stack Overflow

How to add data attributes in Sitecore MVC fileds

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related