Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Graeme W 113 posts 289 karma points
    Jan 10, 2016 @ 18:13
    Graeme W
    0

    Custom fields in the Fanoe starter kit

    Using Umbraco 7
    Umbraco 7

    I’m playing around with the Fanoe starter kit on v7.3.4 and struggling with getting some extra fields to appear in the right place. I’ve only ever worked with v6 before and GetGridHtml is new to me.

    I've created a new "Place" doc type with a corresponding template as shown below.

    @inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = "Master.cshtml";
}

    <h1>
        @CurrentPage.placeName
    </h1>
    <p>
        @CurrentPage.summary
        </p>

    @CurrentPage.GetGridHtml("content", "fanoe")

    I’m not sure if this is an Umbraco specific question or css/bootstrap or a Fanoe issue, but can anyone recommend how I can get my extra fields to show up properly?

    Thanks in advance for any advice!

    enter image description here

    Copy Link
  • Rune Hem Strand 147 posts 911 karma points hq c-trib
    Jan 10, 2016 @ 19:17
    Rune Hem Strand
    0

    Hi Graeme

    What do you mean by show up properly? It seems like the properties are being rendered on the page..

    All the best Rune

    Copy Link
  • Graeme W 113 posts 289 karma points
    Jan 10, 2016 @ 20:25
    Graeme W
    0

    Hi Rune

    Yes sorry I didn't explain myself properly. I meant it looked a bit naff that my custom fields were aligned to the left while the main content wasn't.

    However by having a look at the source code generated I've got round it by entering the same container markup around the custom fields

    <div class='container'>        
        <div class="row clearfix">        
            <div class="col-md-12 column">
                <h1>
                    @CurrentPage.placeName
                </h1>
                <p>
                 @CurrentPage.summary
                </p>
           </div>
        </div>
    </div>

    And all the content is now nicely aligned enter image description here

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft