Two Column Layout error "Something went wrong rendering a preview"

[37Stars]

I created a new empty project to try the BlockPreview. These are my steps:

1. Created a new Umbraco 10.4 solution. (Also get the same error with 11.2).
2. Added BlockPreview 1.1.1 via nuget
3. Created a new Data Type named Content Block Grid.
4. Within Content Block Grid, click button to create Demo Blocks. That added 4 new Document Types.
5. Created a new Document Type named Web Page with a single data type, Content Block Grid, named Page Content. Set allow as Root.
6. Created a new Web Page named Home and added the Two Column Layout to the Page Content.
7. Updated the umbBlockGridDemoTwoColumnLayoutBlock.cshtml view (located in \Views\Partials\blockgrid\Components) from Html.GetBlockGridItemAreasHtmlAsync(Model) to Html.GetPreviewBlockGridItemAreasHtmlAsync(Model). Both produce the same error.

When editing the Home page in the back office the Two Column Layout displays the message "Something went wrong rendering a preview".

The blocks Headline, Image and Rich Text display without any issues. Am I missing something?

[rickbutterfield]

Hi @37Stars!

Firstly, thank you for such great replication steps! This has made it really easy to trace down the bug.

Secondly, are you using ModelsBuilder at all in your solution? I've presumed not because you're creating a new solution out of the box. If it's the case that you're not, I think I've got a fix!

[37Stars]

I can do either, but would prefer to use ModelsBuilder.

[rickbutterfield]

Excellent, I think I've got a fix then! I've only managed to replicate your issue when ModelBuilder was set to InMemoryAuto, or one of the SourceCode modes but not generated yet, but this fixes one of the first issues I found with the code!

[rickbutterfield]

@37Stars please test version 1.1.2 whenever you get chance! https://www.nuget.org/packages/Umbraco.Community.BlockPreview/1.1.2#readme-body-tab

[37Stars]

@rickbutterfield yes, that works great!

The only issue remaining is an Umbraco issue. When I add content to one of those two columns, Umbraco displays the properties panel for the two-column layout over the "Add Content" panel. Clicking "Discard Changes" takes care of that.