Posts in current category
May 04, 2021 13:00 Foundation5
The modal box is a marble window that appears at the head of the page.
We can use a unique ID on a container element (e.g.,
to add modal boxes. W
e can open the
must be consistent with the container id (instance "myModal").
If you want to close the modal box by clicking on an area other than the modal box.
You can do this by adding the
and the label.
The following classes can be added to the modal box container to set the size of the modal box:
.full100% width and height
Note: The default is 80% width on tablets, notebooks, and PCs, and 100% width on small-screen devices.
You can embed modal boxes in modal boxes, and you can add new trigger buttons to the first modal box. You must set a unique id for the embedded modal box:
The second modal box replaces the first modal box. I
f you want to open the second modal box, do not close the first modal box. Y
ou can add