...
Responsive behaviour sizes from "akContainerSize" and the existing helper classes:
| Col No. | xxs ( <480px < 480px ) | xs ( <768px < 768px ) | sm ( <992 < 992px ) | md ( <1200 < 1200px ) | lg ( >=1200 ) | ||||
|---|---|---|---|---|---|---|---|---|---|
| 1 | |||||||||
| 2 | .xs-two-col | .xs-two-col | |||||||
| 3 | .xs-three-col | .xs-three-col | |||||||
| 4 |
Styling should be applied considering the generics. A Panel could contain another panel so you should be more specific in levels when applying new stylings.The classes "xs-<column number>-col" can be applied on blocks and it will automatically change to the specified columns(column number placeholder) for any existing Form Container field.Styling should be applied considering the generics. A Panel could contain another panel so you should be more specific in levels when applying new stylings.
For example:
Don't do:
| Code Block |
|---|
.dhx_cell_layout[akcontainersize="md"]{ // md size,
.dhxform_obj_material > .dhxform_base.f-3-col,
.dhxform_obj_material > .dhxform_base.f-4-col {
}
} |
...