December 2017
Intermediate to advanced
282 pages
5h 54m
English
A modal component helps with the user input through the overlay window which gives an intuitive visual effect instead of blocking popup windows. An ojDialog element can be added as per the requirement, it can present the input form and take user input and provide the response through the interface. The OK button confirms the choice, and applies the state to the variable:
<div id="dialogWrapper"> <div style="display:none" id="modalDialog1" title="Modal Dialog Title" data-bind="ojComponent:{component: 'ojDialog', initialVisibility: 'hide'}"> <div class="oj-dialog-body"> A movable, resizable and closable dialog window. </div> <div class="oj-dialog-footer"> <button id="okButton" data-bind="ojComponent: { component: 'ojButton', ...Read now
Unlock full access