ASP.NET Actionlink mit Glyphicon und Text mit unterschiedlicher Schriftart

Question

Ich möchte eine Schaltfläche mit @Html.ActionLink präsentieren, aber ich muss meine Anwendungsschrift im Text haben.

Mit diesem Code:

<span> 
    @Html.ActionLink(" Create New", "Create", null, new { @class = "btn btn-warning glyphicon glyphicon-plus-sign" }) 
</span> 

ich meine Taste erhalten, aber die Create New Text erscheint mit dem glyphicon font-family.

Setzt man die glyphicon Klassen in der Spanne nicht alles versuchen

Answer 1

Sie sollten nicht die glyphicon Klasse dem ein hinzufügen -Etikett.

Von der Bootstrap-Website:

Sie mit anderen Komponenten nicht Icon Klassen direkt kombiniert werden können, nicht mit anderen Komponenten mischen. Sie sollten nicht zusammen mit anderen Klassen für dasselbe Element verwendet werden. Fügen Sie stattdessen einen verschachtelten <span> hinzu und wenden Sie die Symbolklassen auf <span> an.

Nur für leere Elemente Symbolklassen sollten nur für Elemente verwendet werden, die keinen Textinhalt enthalten und keine untergeordneten Elemente enthalten.

Mit anderen Worten: der richtige HTML-Code für diese so, wie Sie würde arbeiten wollen: <a href="#" class="btn btn-warning">test <span class="glyphicon glyphicon-plus-sign"></span></a>

Dies ist die Html.ActionLink Helfer ungeeignet macht. Stattdessen könnte man so etwas verwenden:

<a href="@Url.Action("Action", "Controller")" class="btn btn-warning"> 
    link text 
    <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> 
</a> 

Answer 2

wir haben auf diese nicht ändert. Lassen Sie mich wissen, wenn es funktioniert. Danke

<style> 
    span.super a 
    { 
     font: (your application font) !important; 
    } 

</style> 

<span class="super"> 
    @Html.ActionLink(" Create New", "Create", null, new { @class = "btn btn-warning glyphicon glyphicon-plus-sign" }) 
</span> 

Answer 3

Versuchen Sie es. Verwenden Sie „Htmlattributes“

@Html.ActionLink(" Create New", "Create", null, htmlAttributes: new { @class = "<your class>",@style="font:<your font>" }) 

Answer 4

Es könnte besser sein, nur den HTML-Code zu schreiben, anstatt zu versuchen, um es mit HtmlHelper.ActionLink funktioniert ...

<span> 
    <a href="@Url.Action("Create")" class="btn btn-warning"> 
     <span class="glyphicon glyphicon-plus-sign"></span> 
     Create New 
    </a> 
</span> 

Answer 5

ich mit dem Ansatz der @Url.Action statt @Html.ActionLink, se Beispielcode unten gehen sollte:

<span> 
<a href="@Url.Action("Create", new { @class = "btn btn-warning" })"><span class="glyphicon glyphicon-plus-sign"></span> Create New</a> 
</span> 

Answer 6

können Sie einfache Erweiterung verwenden:

private static readonly String SPAN_FORMAT = "<span class=\"{0}\" aria-hidden=\"true\"></span>"; 
private static readonly String A_END = "</a>"; 
public static MvcHtmlString ActionLink(this HtmlHelper htmlHelper, string linkText, string actionName, object routeValues, String iconName, object htmlAttributes = null) 
{ 
    var linkMarkup = htmlHelper.ActionLink(linkText, actionName, routeValues, htmlAttributes).ToHtmlString(); 
    if (!linkMarkup.EndsWith(A_END)) 
     throw new ArgumentException(); 

    var iconMarkup = String.Format(SPAN_FORMAT, iconName); 
    return new MvcHtmlString(linkMarkup.Insert(linkMarkup.Length - A_END.Length, iconMarkup)); 
} 

Verwendung:

Html.ActionLink(" ", "DeleteChart", new { Id = _.Id }, "glyphicon glyphicon-trash") 

Answer 7

Hier ist meins.Inspiriert von Andrey Burykin

public static class BensHtmlHelpers 
{ 
    public static MvcHtmlString IconLink(this HtmlHelper htmlHelper, string linkText, string actionName, object routeValues, String iconName, object htmlAttributes = null) 
    { 
     var linkMarkup = htmlHelper.ActionLink(linkText, actionName, routeValues, htmlAttributes).ToHtmlString(); 
     var iconMarkup = String.Format("<span class=\"{0}\" aria-hidden=\"true\"></span>", iconName); 
     return new MvcHtmlString(linkMarkup.Insert(linkMarkup.IndexOf(@"</a>"), iconMarkup)); 
    } 
} 

Answer 8

Das ist für mich in MVC arbeitet 5:

@Html.ActionLink(" ", "EditResources", "NicheSites", new { ViewBag.dbc, item.locale, ViewBag.domainId, domainName = ViewBag.domaiName }, new {@class= "glyphicon glyphicon-edit" }) 

Der erste Parameter kann nicht leer oder null sein, oder es wird die Luft sprengen.

Answer 9

Wie wäre es mit einem Html.BeginForm FormMethod.Get/FormMethod.Post

@using (Html.BeginForm("Action", "Controller", new { Area = "" }, 
FormMethod.Get, htmlAttributes: new { title = "SomeTitle" })) 
{ 
    <button type="submit" class="btn-link" role="menuitem"> 
    <i class="glyphicon glyphicon-plus-sign"></i>Create New</button> 
} 

Answer 10

Versuchen Sie es mit!

 
@Html.ActionLink(" Cerrar sesión", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" , @class = "glyphicon glyphicon-log-in" })