extension question

David Hale
59 Posts
David Hale posted this 04 November 2015

Anything anywhere to read on proper usage of these?
please see attached image

Anything anywhere to read on proper usage of these? please see attached image
Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
Support Team posted this 09 November 2015

Hi,

Sorry for the delay.

  • "HeadingAndLine" - this extension is be used for headings (Post Header, Block header, Headline, etc). With this extension you can create, for example, heading short underline:

    heading-and-line-extension.png

    This extension adds :before and :after css pseudo-elements. Therefore the element to which you apply this extension should have relative position. The relative position can be specified under the element's arrange section >> Position >> "relative".
    To create short underline specify border under the extension's parameters and set the width of the border under the extension's Arrange section.

  • "Layout: Align Center". This is layout extension is used for containers, e.g. Layout Container control. It aligns elements inside this container according to the specified settings:

    container-align.png

    This extension uses flexbox.

  • "Layout: FlexColumn". This extension is used for Columns (Row with Columns control). It stretches the containers inside the column to fit the column height.
    This extension uses Flexbox too.

    flex-column.png

    On this screenshot you can see the Column with "Layout: FlexColumn" extension. The Layout container inside this column is stretched to 100% of column height. The Layout Container has "Layout: FlexColumn" extension which aligns Social Icons control to the center bottom of the Container.

Please let us know if you have any further questions.

Thank you,
Olivia

Hi, Sorry for the delay. - "HeadingAndLine" - this extension is be used for headings (Post Header, Block header, Headline, etc). With this extension you can create, for example, heading short underline: !heading-and-line-extension.png! This extension adds *:before* and *:after* css pseudo-elements. Therefore the element to which you apply this extension should have relative position. The relative position can be specified under the element's arrange section >> Position >> "relative". To create short underline specify border under the extension's parameters and set the width of the border under the extension's Arrange section. - "Layout: Align Center". This is layout extension is used for containers, e.g. Layout Container control. It aligns elements inside this container according to the specified settings: !container-align.png! This extension uses flexbox. - "Layout: FlexColumn". This extension is used for Columns (Row with Columns control). It stretches the containers inside the column to fit the column height. This extension uses Flexbox too. !flex-column.png! On this screenshot you can see the Column with "Layout: FlexColumn" extension. The Layout container inside this column is stretched to 100% of column height. The Layout Container has "Layout: FlexColumn" extension which aligns Social Icons control to the center bottom of the Container. Please let us know if you have any further questions. Thank you, Olivia
You must log in or register to leave comments