How to convert complex HTML tag to ASP .NET MVC 3 ActionLink?

Question

By design I have

<a href="#"><span><strong>ABOUT US</strong></span></a>

There is CSS which does some special things with span tag.

But I need to convert it into

@Html.ActionLink("ABOUT US", "About", "Home")

So I have in some way to put span strong into @Html.ActionLink

Thank you for any clue!

score 9 · Accepted Answer · answered Nov 29 '11 at 23:15

9

Instead of using the Html.ActionLink helper, I would do it the following way:

<a href="@Url.Action("About", "Home")"><span><strong>ABOUT US</strong></span></a>

answered Nov 29 '11 at 23:15

wycleffsean

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

1

You should try create your own custom html helper, here is some clue for you: Is it possible to use an ActionLink containing an element?

Hope this help :)

edited May 23 '17 at 12:03

Community

answered Nov 29 '11 at 22:52

shennyL

wnascimento · Answer 3 · 2011-11-29T23:18:31.133

0

Use Url.Action to generate only url, not (a) link tag. See the follow link.

edited Nov 29 '11 at 23:18

answered Nov 29 '11 at 23:02

wnascimento

score 0 · Answer 4 · answered Nov 30 '11 at 01:16

Alternatively, change your css so that any <a> tags with a class "strong" have the style you want applied to them.

if your css is like this:

strong {
   /* whatever */
}

change it to

strong, a.strong {
   /* whatever */
}

Then you can style up your links just by adding class="strong" like this

<a href="#" class="strong">ABOUT US<a>

to get the same style applied to the link.

Then you can acheive the same HTML by going

@Html.ActionLink("ABOUT US", "About", "Home", null, new { @class = "strong"} ) ;

which will render a link with the class "strong"

Well... I guessed about this approach but in this case I have to change too much CSS :) Anyway - Thank you! — NoWar, Nov 30 '11 at 01:51

4 Answers4