Proximus design systemImportant information:
Using the Design System implies following some rules: the code should be valid and same as the Design System. Meaning custom HTML & CSS override are forbidden.
Please don't forget to read Usage part of each element.
Please don't forget to read Usage part of each element.
Resizer
A script which resizes elements to make them have the same height.
last modified: 05/04/2022 10:15:10
Container
Put jsrs-resizerContainer
on the container elements you would like to resize and have same height. They have to be on the same row.
Title
Some content
Title
Some content with a button
Children
If you would like to also resize elements whitin the container element with jsrs-resizerContainer
class, put jsrs-resizerPart
on each part which should be aligned according to the same content of the box next to it.
Title
Some content
Some other content
JavaScript
How to trigger the js
Each time you add HTML with resizer part to the page, you have to use this JS function:
CONTEXT refers to document or html element parent.