CODEWITHSUNDEEP
jqueryasp.netasp.net-mvcasp.net-mvc-4twitter-bootstrap
mileyH
mileyH

Reputation: 176

Replace default button icons in the index view

I've generated MVC5 application which have table in the main screen (use default generation)

in the last column there is buttons for edit /details/delete .

1.how should I replace the button with icon for example pen for edit ,X for delete...

2.The create new is in the left side of the table how should I move it to the right side?

This is the default generated screen.

enter image description here

Upvotes: 0

Views: 1070

Answers (2)

Ibrahim Khan
Ibrahim Khan

Reputation: 20750

if u are using twitter bootstrap then u can do this like follwing. Use your css class instead of mine. That's it

<td>
     @Html.ActionLink(" ", "Details", new {id = item.Id}, new {@class = "btn btn-mini btn-success icon-eye-open bigger-120"})
     @Html.ActionLink(" ", "Edit", new {id = item.Id}, new {@class = "btn btn-mini btn-info icon-edit bigger-120"})                 
     @Html.ActionLink(" ", "Delete", new {id = item.Id}, new {@class = "btn btn-mini btn-danger icon-trash bigger-120"})
</td>

Upvotes: 1

Moe Bataineh
Moe Bataineh

Reputation: 1080

These are more html/css questions.

You can float the div/span of the Create New to the right. For the Edit/Details/Delete, you can just replace them with <img> tags for each one and wrap each of them in <a> tags.

Upvotes: 0

Related Questions