Skip to main content

General Settings- Display

It allows you to adjust the display behaviour of a component as:

DrapCode Builder Additional Tools

  • Block: It displays a component as a block by adding space above and below it.

  • Inline: It displays a component in a way that height and width properties won't have any effect on it.

  • Inline-Block: It allows you to set the width and the height on a component.

  • Flex: It sets a flexible length on all the flexible components. It doesn't work on components which aren't flexible.

Ajusting the Display of a Component​

As you click on the component whose display behaviour you want to change, the Style Manager of that component opens automatically in the Right Toolbar. You only have to go to the General settings and change the display of the component as per you layout design.

In the example below, the display behaviour of the navbar component is changed from flex to block and menu links' display behaviour is changed from block to inline.

DrapCode Builder Text Box