Example of a typical popup:

<div rb-window ng-model="vm.myWindow" k-title="{{'Title' | translate}}" k-width="50%" k-height="50%" k-modal="false" k-on-close="vm.close()"> <span>Add content here</span> </div> <i class="icon-edit cursor" ng-click="vm.myWindow.open()"></i>

Attributes

---

• ng-model: Used for opening and closing the popup
• k-modal: Default value is true. Fades the background and prevents click events outside the popup
• k-on-close: Event triggered on closing the popup
• k-title: Title of the popup
• k-height: Height of the popup. Ex. k-height="50%"
• k-width: Width of the popup. Ex. k-width="50%"
• component: Name of the component that will be displayed inside the popoup. See seperate secion about popups using content components
• params: Parameters that will be passed to the popup component. See seperate secion about popups using content components

Popup window using component template

---

<div rb-window ng-model="vm.myWindow" k-title="{{'Title' | translate}}" component="componentName" params="vm.params"> </div> <i class="icon-edit cursor" ng-click="vm.myWindow.open()"></i> // In viewmodel vm.params = { customerlistUrl:"sales/customers?$filter=Status eq 4", customerSelected: function(item) { //callback function } };