Modal | Popover | Github | Presentation

Sample Usage

<a href="javascript:;" manager-modality-load="modal" utility-content-selector="#modalTestContent">Modal</a>
	
<a href="javascript:;" manager-modality-load="popover" utility-content-selector="#popoverTestContent">Popover</a>
	

Modal Attributes

component-modal-width
pixels (no 'px') or percent | default 90%
component-modal-height
pixels (no 'px'), %, or auto | default auto
component-modal-fade-in-duration
Milliseconds | default is 300
component-modal-fade-out-duration
Milliseconds | default is 300
component-modal-close-outside
Boolean | default is true
component-modal-pre-load-callback
Gets evaled
component-modal-post-close-callback
Gets evaled
component-modal-scale-selector
CSS selector to app for scaling

Popover Attributes

component-popover-width
default is 300
component-popover-height
number or auto | default is auto
component-popover-minimum-height
default is 100
component-popover-fade-in-duration
Milliseconds | default is 300
component-popover-fade-out-duration
Milliseconds | default is 300
component-popover-close-outside
Boolean | default is true
component-popover-position
top, bottom, left, right, vertical, horizontal | default is vertical
component-popover-pre-load-callback
Gets evaled
component-popover-post-close-callback
Gets evaled
component-popover-offset-from-link
default is 20

Content Attributes

utility-content-selector
CSS selector
utility-content-action
move or copy | default is copy
utility-content-model-view
view name
utility-content-url
URL
Modal | Popover | Github | Presentation

Modal Content

Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce molestie massa mauris, id gravida nisi elementum sit amet. Pellentesque gravida elit at dolor accumsan ornare eu eu metus. Nunc malesuada dictum risus, vel euismod urna luctus eu. Morbi eleifend sapien rhoncus, commodo nibh quis, aliquam arcu. Nunc vel turpis consequat, porttitor nibh non, posuere augue.

Donec nunc urna, imperdiet ut faucibus vitae, faucibus vel sapien. Praesent aliquam urna quis tincidunt imperdiet. Mauris semper purus et porta mollis. Morbi sit amet nunc eu neque accumsan adipiscing a sit amet turpis. Curabitur varius, felis in dapibus consectetur, eros velit elementum ante, eget tincidunt tortor tortor a arcu.

Popover Content

Modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce molestie massa mauris, id gravida nisi elementum sit amet. Pellentesque gravida elit at dolor accumsan ornare eu eu metus. Nunc malesuada dictum risus, vel euismod urna luctus eu. Morbi eleifend sapien rhoncus, commodo nibh quis, aliquam arcu. Nunc vel turpis consequat, porttitor nibh non, posuere augue.

Donec nunc urna, imperdiet ut faucibus vitae, faucibus vel sapien. Praesent aliquam urna quis tincidunt imperdiet. Mauris semper purus et porta mollis. Morbi sit amet nunc eu neque accumsan adipiscing a sit amet turpis. Curabitur varius, felis in dapibus consectetur, eros velit elementum ante, eget tincidunt tortor tortor a arcu.