====== Modal ====== Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults. ===== Examples ===== ==== Live Demo ==== Launch demo modal === Text in a modal === Duis mollis, est non commodo luctus, nisi erat porttitor ligula. === Popover in a modal === This button should trigger a popover on click. === Tooltips in a modal === This [[modal|link]] and that [[modal|link]] should have tooltips on hover. === Overflowing text to show scroll behavior === Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. \\ Launch demo modal === Text in a modal === Duis mollis, est non commodo luctus, nisi erat porttitor ligula. [...] \\ ==== Optional sizes ==== Modals have two optional sizes, available via ''size'' attribute. Large modal Small modal ... ... \\ Large modal Small modal ... ... \\ ===== Remove animation ===== For modals that simply appear rather than fade in to view, set to ''false'' the ''fade'' attribute. No fade animation ... \\ No fade animation ... \\ ===== Remote ===== Use ''remote'' attribute to display DokuWiki pages inside a modal window. Welcome to DokuWiki! \\ Welcome to DokuWiki! \\ ===== Options ===== ^ Name ^ Default ^ Values ^ Description ^ | ''backdrop'' | ''true'' | ''true'' ''false'' ''static'' | Includes a modal-backdrop element. Alternatively, specify ''static'' for a backdrop which doesn't close the modal on click. | | ''keyboard'' | ''true'' | ''true'' ''false'' | Closes the modal when escape key is pressed | | ''show'' | ''false'' | ''true'' ''false'' | Shows the modal when initialized | | ''fade'' | ''false'' | ''true'' ''false'' | Enable the fade animation | | ''dismiss'' | ''true'' | ''true'' ''false'' | Display a dismiss button | | ''size'' | NULL | ''sm'' ''lg'' | Modal size with | | ''id'' | NULL | | Modal ID (see [[button]]) | | ''title'' | NULL | | Modal title | | ''remote'' | NULL | | Display DokuWiki pages inside a Modal window |