Mark Downie - Umbraco 7 Developer - Code Snippets - Glasgow - Scotland

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{ var home = CurrentPage.Site(); }

@if (home.Children.Any())
{
    @* Get the first page in the children *@
    var naviLevel = home.Children.First().Level;
    var listChildPages = "false";

    @* Add in level for a CSS hook *@
    <ul style="margin-top:0px;paddin:0px;font-size:16px;">        
        @* For each child page under the home node *@
        <li><a href="/" title="@CurrentPage._siteTitle">Home</a></li>
        @foreach (var childPage in home.Children.Where("Visible"))
        {
            if (childPage.Children.Any() && listChildPages =="true"  && childPage.id != 1110)
            {                
                <li style="margin-bottom:5px;">
                        @if(@childPage.HasValue("navigationName"))
                        {
                            <a href="@childPage.Ur…

@{   
        var SEOTitle = "";
        var SEODescription = "";
        var SEOKeywords = "";
     }
     @if(CurrentPage.seoTitle != null && CurrentPage.seoTitle != "")
     {
        SEOTitle = CurrentPage.seoTitle;
     }
     else
     {
        SEOTitle = @CurrentPage.Url.Replace("/"," | ") + @CurrentPage._siteTitle;
        SEOTitle = SEOTitle.Substring(2, SEOTitle.Length-2);
     }    
     @if(CurrentPage.seoDescription != null && CurrentPage.seoDesctiption != "")
     {
        SEODescription = CurrentPage.seoDescription;
     }
     else
     {
        SEODescription = "This page is about" + @CurrentPage.Url.Replace("/"," ") + @CurrentPage._siteTitle;
     }
     @if(CurrentPage.seoKeywords != null && CurrentPage.seoKeywords != "")
     {
        SEOKeywords = CurrentPage.seoKeywords;
     }
     else
     {
        SEOKeywords = @CurrentP…

How to Allow the user to Hide a Page from Navigation in Umbraco 7. By using a tick box:
This example shows hide the Search Results page from the main navigation in umbraco 7.


1)  In your Document Type add a property called "umbracoNaviHide", it must be called "umbracoNaviHide"

The property should be a tick box, so it should be a "True/False "



2) In your Navigation, add the highlighted code to your for each loop that writes out the navigation:

  @foreach(var p in homePage.Children().Where("visible"))
                        {
                            write out navigation

3) Now when the user ticks Hide from Nav in the backend, the page will not show in the navigation:

This snippet shows Previous and Next  buttons on a page in Umbraco 7


   <div class="nav-previous col-xs-6">
                                    @if(@CurrentPage.Previous() != null)
                                    {
                                    <h4><a href="@CurrentPage.Previous().Url" rel="prev">PREVIOUS GALLERY</a></h4>
                                    <a href="@CurrentPage.Previous().Url" rel="prev"><span class="meta-nav">←</span> @CurrentPage.Previous().Name</a>
                                    }
                                </div>


                                <div class="nav-next col-xs-6 pull-right">
                                    @if(@CurrentPage.Next() != null)
                                    {
                                    <h4><a href="@CurrentPage.Next().Url" rel="next">NEXT GALLERY&…

1) This snippet example shows you how to get the Text value of a radio list option in Umbraco 7:

@umbraco.library.GetPreValueAsString(CurrentPage.optionalLayouts)

2 ) This snippet example shows you how to get the Value of a radio list option in Umbraco 7:

@CurrentPage.optionalLayouts


note:  "optionalLayouts" is the field name in the Umbraco back end in this example.

The snippet example below shows one way of testing for Odd and Even in an umbraco foreach loop.

The result is to list out odd and even background colours, suach as in bootstrap sections.



@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
  var count = 0;   
    var colourClass = "";
}

    @foreach(var childPage in Umbraco.Content(1067).Children().Where("NodeTypeAlias == \"newPageSection\""))
    {       
if(count% 2 == 0)
        {
          colourClass="dark";
        }
        else
        {
           colourClass="light";
        }


  <div class="content-block content-block-@colourClass">

// DO some stuff

 </div>