{{ mainTitle }}

A modal window is any type of window that is a child (secondary window) to a parent window and usurps the parent's control. Webopedia - Online Tech Dictionary for IT Professionals
UI Bootstrap Modals

$modal is a service to quickly create AngularJS-powered modal windows. Creating custom modals is straightforward: create a partial view, its controller and reference them when using the service.

Default Modal

Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.

Large Modal

Modals have a large optional size, available by setting option size: 'lg' in the method open(options)

Small Modal

Modals have a small optional size, available by setting option size: 'sm' in the method open(options)

Selection from a modal: {{ selected }}
Angular Aside

Off canvas side menu to use with ui-bootstrap. Extends ui-bootstrap's $modal provider.

Up Aside

This modal slide down from the top of the page.

Left Aside

This modal slides from the left side of the page.

Down Aside

This modal slide up from the bottom of the page.

Right Aside

This modal slides from the right side of the page