Finally got it working.

var c = @Model;
if (!String.IsNullOrEmpty(c.mediaPickerTool))
    {

var folderId = c.mediaPickerTool;
    var media = Model.MediaById(folderId);
    var items = media.Children;
        <ul id="press-">
@foreach (var group in items.Take(12).InGroupsOf(3)){
<li>
 <ul>
@foreach(var item in group){
if(item.Position() % 3 == 0){
@item.Name <br/>
}
else{
<td align="center">@item.Name</td>
}
}
</ul>
</li>
}
</ul>
 }

//Fuji

Looks like i was wrong i miss something here. I somehow need another grouping.

var c = @Model;
    if (!String.IsNullOrEmpty(c.mediaPickerTool))
    {
        var folderId = c.mediaPickerTool;
         var media = Model.MediaById(folderId);
         var items = media.Children;

        <ul id="press-">
            @foreach (var group in items.Take(12).InGroupsOf(3)){
                 <li>
                        <ul>
                            @foreach(var item in group)
                            {
                                if(item.Position() % 3 == 0){
                                     <li class="main-press-panel">
                                        <a href="@item.GetPropertyValue("newsUpload")" target="_blank">
                                            <div class="reasonCnImg">                                             
                                            </div>
                                        </a>
                                        <div class="press-content">
                                              <a href="#" class="press-release-date">@item.CreateDate.ToString("dd MMMM, yyyy")</a>
                                            <a href="#">Read article</a>
                                        </div>
                                    </li>                                 
                                }
                                else{
                                     <li class="listings-press-panel">
                                         @item.Name
                                    </li>

                                }
                            }
                        </ul>
                    </li>
            }
        </ul>
    }

Here in the else i need to get the html to output this for the other 2 remaining items

<li class="listings-press-panel">
                        <ul>
            <li>
    <a href="#" class="press-release-date">22 January, 2014</a>
                    <a href="#" class="press-release-title">Let there be light</a>
                </li>
                <li>
                 <a href="#" class="press-release-date">22 January, 2014</a>
                     <a href="#" class="press-release-title">Let there be light</a>
                </li>                             
                           </ul>
    </li>

Any help on this part please 

//fuji

Any suggestionns on this please ? 

/Fuji

Almost there now i just have to skip the first item in the loop 

else if(item.Position() % 3 == 1){
<li class="listings-press-panel">
        <ul>
        @foreach(dynamic sub in group){
                <li>
                @sub.Name 
                </li>
            }                                           
     </ul>
    </li>
}

Here i can possibly skip a group of  item right but is there a way out  ?

May be IEnumerable<grouping<object, Media >> ?? 

Hi Fuji,

Maybe this is a long shot but have you tried to use the Skip() http://umbraco.com/follow-us/blog-archive/2011/2/23/umbraco-47-razor-feature-walkthrough-%E2%80%93-part-1.aspx

else if(item.Position() % 3 == 1){
<li class="listings-press-panel">
        <ul>
        @foreach(dynamic sub in group.Skip(1)){
                <li>
                @sub.Name 
                </li>
            }                                           
     </ul>
    </li>
}

Hope this helps,

/Dennis

if you need to miss the first one, have you tried removing the first record , so you can then just run through and the display the records you have left?

is this a partial view or view? It feels like you are building complexity here.

i copied and pasted from above.

If you have a collection of media objects

In a nut shell what are you trying to acheive :).  charlie

is working on a reply...