Content Area doesn't render properly in On-Page Editing?


I am using Twitter Bootstrap with the EpiBootstrapAreas plugin and have created a Content Area to render a side-bar on one of my pages.

The markup on the page looks like so:


@Html.PropertyFor(x => x.CurrentPage.Teaser)

@Html.PropertyFor(x => x.CurrentPage.DetailedDescription)
@Html.PropertyFor(x => x.CurrentPage.Sidebar, new { Tags = "sidebar", rowsupport = false })

I've dropped a block inside which has this markup:

@Html.PropertyFor(x => x.Heading)

@Html.PropertyFor(x => x.TemperatureLabel) @Html.PropertyFor(x => x.Temperature)℃
@Html.PropertyFor(x => x.RainLabel) @Html.PropertyFor(x => x.Rain)mm

When rendered in edit mode, however, I visually see this:

How can I get the 'You can drop content here or Create a new Block' div to appear at the bottom of this content area similar to the other content areas on my website?  I'm confused as to how Epi is calculating where this element should be displayed.

Jun 29, 2018 17:57
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.