Block Preview

[JeffS832]

What is the best way to preview complex block-based pages in Umbraco before publishing?

[rickbutterfield]

Give BlockPreview a try!

BlockPreview | Umbraco Marketplace

[Alexandra-byteeditor]

Hello Jeff,
you can use Umbraco’s built-in Preview feature. When editing a page, click on the “Preview” button in the backoffice. For complex block-based setups, ensure your block components are well-rendered in the preview views and reflect how they’ll appear live. You may need to tweak the preview templates to include necessary CSS/JS for accurate rendering.
An alternative solution would be our ByteEditor, includes a real-time preview mode within its visual editor, allowing you to see exactly how each block and layout will look before publishing, no need to switch between backoffice and frontend.
This improves accuracy and speeds up editing for marketing and content teams.

Hopw it helps!

[marc_love (Marc Love (uSkinned))]

Hi Jeff,

Checkout this post. There is a long discussion regarding block previews in Umbraco.

Custom Block Grid Views: Too Complicated

The Umbraco Grid in Umbraco has always been a powerful way to structure content, and with recent versions, it’s become even more flexible over time with the changes using Block Grid. However, with this increased flexibility, the process of creating custom backoffice views—especially with the introduction of the new Backoffice and Vite/TypeScript setup—has become far too complicated for what should be simple tasks. In previous versions, it was relatively quick to get a basic block view up and ru…

Cheers,

Marc