@Html.ActionLink not working for css class

Question

Action link @class="info" not working for css

@Html.ActionLink("Click Here", "Details", "Product", new { id = item.ProductId, @class="info" },null)

Html page source

  <a href="/Product/Details/14?class=info">Click Here</a>

Update:

on the other hand

if i set @Html.ActionLink("link here", "Details", "Product", new { id = item.ProductId}) then generate this link localhost:18715/Home/Details?Length=7 why? and it is not working

if i set @Html.ActionLink("link here", "Details", "Product", new { id = item.ProductId},null)

it is working perfectly generate this link http://localhost:18715/Product/Details/17

what i am missing for each link

Remove @class="info"from the 4th parameter and add new { @class="info" } in lieu of the 5th parameter — user3559349
– user3559349, Commented May 3, 2016 at 11:31
@StephenMuecke if i set @Html.ActionLink("link here", "Details", "Product", new { id = item.ProductId}) then generate this link localhost:18715/Home/Details?Length=7 why? would you tell me please — Nazmul Hasan
– Nazmul Hasan, Commented May 3, 2016 at 11:39
You did not add new { @class="info" } in lieu of null for the last parameter :) — user3559349
– user3559349, Commented May 3, 2016 at 11:43
@StephenMuecke would you prompt answer ? with check my update Section — Nazmul Hasan
– Nazmul Hasan, Commented May 3, 2016 at 11:48
Because you still need the last null parameter, other wise "Product" is added as a route parameter and a string has only one property so it generates length=7 because "Product" last a length of 7 (characters) — user3559349
– user3559349, Commented May 3, 2016 at 12:03

kkakkurt · Accepted Answer · 2016-05-03 11:31:51Z

2

You have to write hmtl attributes like this:

@Html.ActionLink("Click Here", "Details", "Product", new { id = item.ProductId }, new { @class = "info"})

answered May 3, 2016 at 11:31

kkakkurt

2,8001 gold badge35 silver badges35 bronze badges

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

4 Comments

Nazmul Hasan Over a year ago

would you check my update section ? why it is not working and working

kkakkurt Over a year ago

Maybe this can solve your problem: @Html.ActionLink("Click here", "Details", new { controller = "Product", id = item.ProductId }, new { @class = "info" })

Nazmul Hasan Over a year ago

yes answer is correct ,if i want to do without @class = "info" then @Html.ActionLink("link here", "Details", "Product", new { id = item.ProductId}) but why generate this link localhost:18715/Home/Details?Length=7

kkakkurt Over a year ago

This post explains why is Html.ActionLink generating "length=7". Hope this post will be useful for you: stackoverflow.com/a/4360565/3401842

d219 · Accepted Answer · 2019-10-15 13:31:59Z

0

  @Html.ActionLink("Back", "Index", " ", new { @class = "col-sm-3 btn btn-outline-secondary btnfs btn-sm" })

Here more than one CSS calls is attached to the for ActionLink. This is For Asp.net MVC

edited Oct 15, 2019 at 13:31

d219

2,8757 gold badges34 silver badges39 bronze badges

answered Oct 15, 2019 at 9:42

R J

5233 silver badges16 bronze badges

Collectives™ on Stack Overflow

@Html.ActionLink not working for css class

Update:

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Update:

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related