PK V7El8b b ma-modal.cccomp PK V component.json]{"UUID":"142537f7-70c8-4ad4-bed3-631f17c068c5","additional_states":{"Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 4":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3541","appId":"RSD","appVersion":3541,"buildNumber":5982,"component_resources":{"classes":8,"file_sizes_values":[280119,0,0],"file_type_values":[1,0,0],"html_elements":0,"ids":2,"links_external":0,"links_internal":0,"local_files":"1 (local size 273,55 kB)","styled_breakpoints":"993px / 1201px"},"description":"Your component description","element_name":"Container","framework":"materialize","html":"
\n// Get the modal\nvar modal = document.getElementById("myModal");\n\n// Get the button that opens the modal\nvar btn = document.getElementById("myBtn");\n\n// Get the element that closes the modal\nvar span = document.getElementsByClassName("modal-close")[0];\n\n// When the user clicks the button, open the modal \nbtn.onclick = function() {\n modal.style.display = "block";\n}\n\n// When the user clicks on (x), close the modal\nspan.onclick = function() {\n modal.style.display = "none";\n}\n\n// When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n if (event.target == modal) {\n modal.style.display = "none";\n }\n}\n\" data-outline-closed=\"\">
Here is the modal
Delete this paragraph and pop something more exciting in here! Anything you like.