ASP.Net MVC : ActionLink with bootstrap icon

-
How many times you wanted to add an icon to your action link?!. using Html.ActionLink method is not possible to add icon as it renders the link with just HtmlAttribute you provide.
ex :
@Html.ActionLink("My Link","actionName","controllerName",new {id = Model.Id},
new {style="margin:10px", @class="btn btn-info"});
this will be rendered as shown in 
 if I want to add icon using bootstrap css classes, I can not use HtmlHelper methods and have to use plain html tags like this

<a href="url-here" class="btn btn-info" style="margin:10px;">



        <i class="glyphicon glyphicon-pencil"></i>



        <span>My Link</span>



    </a>
this will be rendered  as
so to simplify my .cshtml file and make it easy for developers to add icon to their action links, I have created an extension method IconActionLink that will replace the previous html sinppet and give the same result.
@Html.IconActionLink("My Link", "actionName", "controllerName", null, 
new { @class = "btn btn-info" }, "glyphicon glyphicon-pencil")
the big difference and most important is the icon css class parameter .

Nuget Package : https://www.nuget.org/packages/Mirosoft.Utilities.Mvc
Source code : https://github.com/miroprocessor/Mirosoft.Utilities.Mvc

Comments

Post a Comment

Popular posts from this blog

ASP.Net MVC : Conditional Validation using ValidationAttribute

-
In ASP.Net MVC we can validate each input field by decorating the corresponding property in the model class with some validation attributes like Required , MaxLength , MinLength ,...etc. Sometime we need to validate a property according to another property value for example if we have a registration form and we need the user enter his age if he is a male and age not required if the user sex is female. So if we decorated the Age property with Required attribute it will show error message even if the user is female, so we need to bypass this check with females. Assume our registration form will contains three fields, name, sex and age, and its model will be as follows public class RegisterationModel { [Required(ErrorMessage = "*")] public String Name { get; set; } [Required(ErrorMessage = "*")] [Display(Name = "Gender")] public Sex Sex { get; set; } [RequiredIf("Sex", Sex.Male, "enter your age")] pu...
Read more

Android : How to change progress bar color at runtime programmatically?

-
Image
I faced this problem while creating one of my android applications(in fact, it is my first application :) ). Lets consider we want to create an android application to calculate the commitments progress of a certain category for http://area51.stackexchange.com/  website ( note we will display a progress bar with one color red or green for simplicity ). Each time we run this application it calculate the commitment percentage and display a red progress bar if it is less than 50% or green one if it equal or greater than 50%. For learning purpose we will insert the number of total required committed users and the number of committed users and calculate the progress of commitment process. Now lets write our code. If it is your first android application you can refer to this post to know how to create an android application.        How to create the full layout of this simple application is beyond this post, we will concentrate on the progress bar....
Read more