Por favor, verifica tu edad antes de entrar al sitio*.
The Responsive Layout is the preferred layout option for nowadays web pages. Therefore BATcom provides OOTB the Responsive Grid layout option enabled by default, which is enabled via policies and affects the following elements:
It is possible to change the layout of the individual Container components by changing the Layout option to Simple in the dialog layout property.
Important to note that the selecting the Default value in the dialog, will have same effect as selecting the Responsive Grid option, as it matches the value of the property set up in the policies.
It provides a paragraph system that allows editors to position components within a responsive grid in different device sizes.
This page showcases a set of layout configurations using different components.
Checkout the Exceptions section to learn more about which components should not be used in Responsive Grid containers.
In the following examples a 2 column layout is showcased.
A different look and feel is achieved in different device sizes. In order to see how it behaves:
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum viverra tellus, quis commodo nibh. Vivamus suscipit posuere lobortis. Maecenas elementum, nisl at accumsan auctor, lectus purus pellentesque mauris, non lacinia sapien orci ut quam. Praesent lobortis metus eget ex molestie, feugiat mollis elit ultrices. Nunc eget tortor faucibus, finibus tortor in, iaculis metus. Vestibulum vel suscipit metus, sit amet blandit diam. Nulla efficitur mollis nunc a mollis. Curabitur suscipit et arcu in faucibus. In imperdiet metus felis, dignissim dictum lectus aliquam non.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum viverra tellus, quis commodo nibh. Vivamus suscipit posuere lobortis. Maecenas elementum, nisl at accumsan auctor, lectus purus pellentesque mauris, non lacinia sapien orci ut quam. Praesent lobortis metus eget ex molestie, feugiat mollis elit ultrices. Nunc eget tortor faucibus, finibus tortor in, iaculis metus. Vestibulum vel suscipit metus, sit amet blandit diam. Nulla efficitur mollis nunc a mollis. Curabitur suscipit et arcu in faucibus. In imperdiet metus felis, dignissim dictum lectus aliquam non.
This style option does not work correctly with responsive grid due to technical reasons.
Therefore it is editor's responsability to set up the following tree structure of components in order to achieve the expected behaviour:
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum viverra tellus, quis commodo nibh. Vivamus suscipit posuere lobortis. Maecenas elementum, nisl at accumsan auctor, lectus purus pellentesque mauris, non lacinia sapien orci ut quam. Praesent lobortis metus eget ex molestie, feugiat mollis elit ultrices. Nunc eget tortor faucibus, finibus tortor in, iaculis metus. Vestibulum vel suscipit metus, sit amet blandit diam. Nulla efficitur mollis nunc a mollis. Curabitur suscipit et arcu in faucibus. In imperdiet metus felis, dignissim dictum lectus aliquam non.
80% of the initial phase of new greenfield projects setups are very similar, if not the same. BATcom covers those similar parts and by that speeds up the first project phases considerably.
It includes architectural, development, and infrastructural setup that may take up to 6 months if done from scratch.
At the same time, the initial setup is one of the most critical phases of a new project, as all mistakes done at this very early stage cost extremely a lot to be repaired later.
Furthermore, this first setup phase is critical to establishing trust - delivering visible results quickly is very helpful to this end.
Explore BATcom features:
There are some components which do not behave in a responsive manner, so it is not recommended to be used inside a responsive grid container, use the Simple layout instead for: