Copied to clipboard

Flag this post as spam?

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


  • Kooksta 6 posts 86 karma points
    Mar 28, 2024 @ 13:36
    Kooksta
    0

    Umbraco 13 Back Office Bootstrap

    Can we use bootstrap in custom block grid item's in the back office previews? It works fine on the main site but looking at the editor preview in the block grid it would appear I have no support for any version of bootstrap.

    I did some simple tests with more recent bootstrap 5 and legacy bootstrap 2 but both seem to fail and just render without any styles on them.

    I am not including any boot strap in my package.manifest if that is required?

    <span>Test 1</span>
    <div class="row">
        <div class="col">col</div>
        <div class="col">col</div>
        <div class="col">col</div>
    </div>
    
    <span>Test 2</span>
    <div class="row">
        <div class="span4">span4</div>
        <div class="span4">span4</div>
        <div class="span4">span4</div>
    </div>
    
  • Marc Goodson 2157 posts 14411 karma points MVP 9x c-trib
    Mar 28, 2024 @ 22:37
    Marc Goodson
    100

    Hi kooksta

    This doesn't directly answer your question but... Have you seen the package Umbraco. Community. BlockPreview?

    https://github.com/rickbutterfield/Umbraco.Community.BlockPreview

    Basically it allows you to use your front end views as backoffice previews...

    ... even if you prefer to roll your own preview implementation, this should give you an idea about how to add a style sheet to the backoffice for each blocks preview...

    Regards

    Marc

Please Sign in or register to post replies

Write your reply to:

Draft