Display Options width for all ares (full/wide/narrow)

Don't miss out Virtual Happy Hour this Friday (April 26).

Try our conversational search powered by Generative AI!

AI OnAI Off

Home / Forums / Legacy forums / Episerver 7 CMS /

Display Options width for all ares (full/wide/narrow)

Nilakantha Ratha

Vote:

In Episerver (7.5) editor, while creating a block, the option to change the display size to full, wide and narrow always show the block at "Full" width. The preview also displaying "full" with all options.

#174315

Jan 24, 2017 12:12

valdis

Vote:

Are you using bootstrap? Maybe you are missing some classes or styles that would make block to shrink into more narrow width?!

#174355

Jan 25, 2017 7:57

Nilakantha Ratha

Vote:

Hi Valdis,

Thanks for your reply. The problem is the class is not applied to the element

<div class="container">
            
<p class="alert alert-info">The block 'My Test Block' when displayed as /displayoptions/full</p>
        <div class="row preview clearfix">
        <div data-epi-block-id="178_245" data-epi-block-info="{"missingrenderer":false}" data-epi-content-name="My Test Block"><div class="row">
    <div class="contentBox">
        <div class="clearfix rte" data-epi-property-name="Content" data-epi-use-mvc="True"> </div>
    </div>
</div></div>
        </div>
<p class="alert alert-info">The block 'My Test Block' when displayed as /displayoptions/wide</p>
        <div class="row preview clearfix">
        <div data-epi-block-id="178_245" data-epi-block-info="{"missingrenderer":false}" data-epi-content-name="My Test Block"><div class="row">
    <div class="contentBox">
        <div class="clearfix rte" data-epi-property-name="Content" data-epi-use-mvc="True"> </div>
    </div>
</div></div>
        </div>
<p class="alert alert-info">The block 'My Test Block' when displayed as /displayoptions/half</p>
        <div class="row preview clearfix">
        <div data-epi-block-id="178_245" data-epi-block-info="{"missingrenderer":false}" data-epi-content-name="My Test Block"><div class="row">
    <div class="contentBox">
        <div class="clearfix rte" data-epi-property-name="Content" data-epi-use-mvc="True"> </div>
    </div>
</div></div>
        </div>
<p class="alert alert-info">The block 'My Test Block' when displayed as /displayoptions/narrow</p>
        <div class="row preview clearfix">
        <div data-epi-block-id="178_245" data-epi-block-info="{"missingrenderer":false}" data-epi-content-name="My Test Block"><div class="row">
    <div class="contentBox">
        <div class="clearfix rte" data-epi-property-name="Content" data-epi-use-mvc="True"> </div>
    </div>
</div></div>
        </div>


        </div>

#174382

Jan 25, 2017 11:24

valdis

Vote:

Are you overriding content area renderer?

#174385

Jan 25, 2017 11:45

This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.