Here is my content main section on the spark page
<content name="MainSectionContent">
<test if="ViewData['IsFollowing'] != null">
<form id="login" class="followChoose" method="post" action="/User/$
{ViewData.Model.Username}/ToggleFollow">
<input type="submit" class="roundCorners" value="${ViewData
["IsFollowing"]}" />
</form>
</test>
<h1>Following</h1>
<div>
${ListUsers(ViewData.Model.GetFollowing(int.MaxValue))}
</div>
</content>
This is how list users look:
<macro name="ListUsers"
Users="System.Collections.Generic.IEnumerable<FlameSnapper.Models.User>">
<ul class="peopleList" each="FlameSnapper.Models.User user in Users">
<li class="img"><a href="/User/${user.Username}"><img src="$
{GravatarHelper.GetGravatarURL(user.Email, "50")}" /></a></li>
<li><h3><a href="/User/${user.Username}">${user.Username}</a></h3></
li>
</ul>
</macro>
Same problem occurs in this code:
<div class="box roundCorners">
<h3 class="borderBottom">Following</h3>
<span each="FlameSnapper.Models.User following in User.GetFollowing
(9)">
<a href="/User/${following.Username}" style="margin:1px;"> <img
src="${GravatarHelper.GetGravatarURL(following.Email, "30")}" /></a>
</span>
</div>