The w3-modal-content class defines the modal content.

Example of modal form. Below is a static modal example meaning its position and display have been overridden. We ask that you include modal headers with dismiss actions whenever possible or provide another explicit dismiss action. Import ModalForm from core_formmodalform.

Included are the modal header modal body required for padding and modal footer optional. Modal verbs can be used in a variety of different forms. I should be cleaning the room now.

Study the examples below. Example of modal form initialization in the Javascript. Modal content can be any HTML element divs headings paragraphs images etc.

DocumentquerySelectorAll data-roleeditfield data-idaddEventListenerclick e. In this example we will open the modal dialogue with the form when user clicks on the edit link.