How to bind data attributes in Sitecore MVC

Question

Desired output

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

View:

  @Html.Sitecore().BeginField("Target URL", item.Item, new { @data_toggle = "dropdown" })
  <i class="fa fa-angle-down"></i>
  @Html.Sitecore().EndField()

Rendered html:

<a href="#" data_toggle="dropdown">Countries <i class="fa fa-angle-down"></i></a>

href is generated. It is not needed.
The data-toggle attribute isn't set.

What's wrong with <a data-toggle="dropdown">@item.Item<i class="fa fa-angle-down"></i></a>? — Liam
– Liam, Commented Mar 31, 2016 at 11:51
@qwerty Have you seen brad-christie.com/blog/2014/09/24/… ? — Marek Musielak
– Marek Musielak, Commented Mar 31, 2016 at 11:53
@MarekMusielak. Yes.Been there. Where to create the Process(RenderFieldArgs args)? Should I create a new config file?If yes, then how to register it. Hard to figure all this for a beginner. — sukesh
– sukesh, Commented Mar 31, 2016 at 12:08

Gatogordo · Accepted Answer · 2016-04-04 15:33:35Z

0

An edit frame or edit-mode check are possible solutions, but you could also create your own extension to the HtmlHelper from Sitecore. Just to give you an idea:

public static HtmlString Test(this SitecoreHelper helper, string fieldName, Item item, object parameters)
{
    var result = helper.BeginField(fieldName, item, parameters);
    return new HtmlString(result.ToString().Replace("href=\"#\" ", string.Empty));
}

This quick example will remove the href="#" but you can make it more intelligent.

In your View you can use:

@Html.Sitecore().Test("Target URL", item.Item, new { @data_toggle = "dropdown" })
<i class="fa fa-angle-down"></i>;
@Html.Sitecore().EndField()

Just some quick test code but it should work already and can be extended to get you what you need.

answered Apr 4, 2016 at 15:33

Gatogordo

2,6352 gold badges26 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

How to bind data attributes in Sitecore MVC

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related