CODEWITHSUNDEEP
htmlsitecore
noclist
noclist

Reputation: 1819

preserve line breaks between markup

I am dynamically generating a list of links from Sitecore using a few lines of razor. My problem is the markup generated isn't correctly formatted with line breaks and I'm having some text-wrapping issues because of it.

How the markup is generated:

@foreach (Item child in items[0].Children)
{
        @Html.Sitecore().Field("Link To Page", child)
}

The markup being generated:

<nav class="service__nav">

<a href="/">Link 1</a><a href="/">Link 2</a><a href="/">Link 3</a><a href="/">Link 4</a><a href="/">Link 5</a><a href="/">Link 6</a><a href="/">Link 7</a><a href="/">Link 8</a>                </nav>

What I need it to be:

<nav class="service__nav">
    <a href="/">Link 1</a>
    <a href="/">Link 2</a>
    <a href="/">Link 3</a>
    <a href="/">Link 4</a>
    <a href="/">Link 5</a>
    <a href="/">Link 6</a>
    <a href="/">Link 7</a>
    <a href="/">Link 8</a>
</nav>

Is there a way I can add something to end of the each link that will give me a line break in the HTML? I don't want break tags because the HTML itself is fine, just not formatted correctly.

Upvotes: 0

Views: 84

Answers (1)

jammykam
jammykam

Reputation: 17000

You can force a line break in the markup by using Environment.NewLine

@foreach (Item child in items[0].Children)
{
        @Html.Sitecore().Field("Link To Page", child) @Environment.NewLine
}

https://msdn.microsoft.com/en-us/library/system.environment.newline(v=vs.110).aspx

Upvotes: 3

Related Questions