How to render link with css class with Sitecore Glass Mapper

c# hyperlink sitecore glass-mapper
5earch picture 5earch · Oct 25, 2013 · Viewed 13.5k times · Source

I have the following link:

<a class="btn btn-primary" href="#">View details »</a>

How can I render the link with sitecore glass that it still keeps the css class? With the field renderer in sitecore you used to be able to pass the class along as additional parameters, how does this work with glass?

This is what I have so far:

@RenderLink(x => x.Link)

This only renders the link without the class though.

Any help appreciated. Thx.

Answer

Ruud van Falier picture Ruud van Falier · Oct 25, 2013

You can also make a PageEditor enabled version like this and it should automatically take the Class attribute into account:

@Editable(Model, x => x.Link)

Or when you use RenderLink, you can pass a collection with the class attribute:

@RenderLink(x => x.Link, new System.Collections.Specialized.NameValueCollection { { "class", "btn btn-primary" } })

EDIT: Modified example to working code and added formatting example for Editable

You can specify a format for Editable:

@(Editable<YourModelType>(Model, x => x.Link, string.Format("<a href=\"{0}\" class=\"btn btn-primary\">{1}</a>", x.Link.Url, x.Link.Text)))

Related questions

Example using Hyperlink in WPF

I've seen several suggestions, that you can add hyperlink to WPF application through Hyperlink control. Here's how I'm trying to use it in my code: <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.…

Read More
How to add hyperlink to boundfield in gridview c# asp.net

I have a gridview in aspx page, I need it to go add hyperlink to the Component from BoundField once the user clicks on the Component1 value. How can I add the hyperlink to boundfield that's related to BoundField? <…

Read More
How to create Hyperlink in MessageBox.show?

I have tried creating a hyperlink in MessageBox in this way: MessageBox.Show( "test message", "caption", MessageBoxButtons.YesNo, MessageBoxIcon.Information, MessageBoxDefaultButton.Button1, 0, **"http://google.com"**, "Keyword" ); Note: The Above code was actually "chosen as a answer" in an another question …

Read More