Apply CSS to Html.Action()

Question

I am working with ASP.net MVC3, how I can add a CSS class to an @Html.Action(). I have done the following, but it isn't working:

@Html.Action("ProductEmailAFriendButton", "Catalog", new { productId = Model.Id, @class="test" })

@Html.Action renders a child action not a hyperlink. You need to use @Html.ActionLink to generate a hyperlink — Eranga
– Eranga, Commented Sep 10, 2011 at 15:29

Rafay · Accepted Answer · 2011-09-11 12:07:08Z

5

@Html.ActionLink("ProductEmailAFriendButton", "Catalog", new { productId = Model.Id},new{@class="test",@id="someid", @style="background:none #fff";})

provide the class in the 4th argument i.e. htmlattributes, hope you will get the idea

edited Sep 11, 2011 at 12:07

answered Sep 10, 2011 at 15:25

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

Comments

Ryan Wright · Accepted Answer · 2011-09-10 15:38:18Z

2

Are you sure you don't want an ActionLink? Action() can't have any Html attributes applied to it since it renders your action and returns a string representation of it. Also, you are mixing route values and HTML attributes in your code. I think below is what you are looking for. It will render a link to an action:

@Html.ActionLink("ProductEmailAFriendButton", "Catalog", new { productId = Model.Id }, new { @class="test" })

If Html.Action is what you intended (i.e. you want to physically render the action to a string) and you want to apply a CSS class to the parent container of the rendered view then you could do something similar to below:

<div class="test">@Html.Action("ProductEmailAFriendButton", "Catalog", new { productId = Model.Id })</div>

edited Sep 10, 2011 at 15:38

answered Sep 10, 2011 at 15:31

Ryan Wright

3,4832 gold badges19 silver badges9 bronze badges

1 Comment

J86 Over a year ago

Thanks Ryan. You are right ! Html.Action() can't have CSS applied to it ! Here's what it was giving me: i52.tinypic.com/11w3eh2.jpg Html.Action was getting a PartialView. I needed to get to the Partial View and change things there. Thanks so much for the help. :)

Collectives™ on Stack Overflow

Apply CSS to Html.Action()

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related