Scrolling Settings

AllowScrolling

The AllowScrolling property is used to enable scrollingbehavior for the Dialog content. The default value is true.

html

<div style="text-align: center;">
        <input data-role="ejmbutton" type="button" data-ej-text="Open Dialog" data-ej-touchend="openAlertDialog" />
    </div>
    <div id="alertdialog" data-role="ejmdialog" data-ej-height="200px" data-ej-buttontap="alertClose" data-ej-allowscrolling="true">
        <div>
            The Essential JavaScript Mobile Dialog widget is an overlay positioned and it displays a message such as supplementary content like images or text, and interactive content like forms. It contains a title and a content area.Modal Dialog support: Displays the content in a modal Dialog, disabling interaction with other items on the page.Auto open: By default, the Dialog is in a disable state. It enables or disables the Dialog state.
        </div>
    </div>

js

function alertClose(args) {
            $("#alertdialog").ejmDialog("close");
        }
        function openAlertDialog(args) {
            $("#alertdialog").ejmDialog("open");
        }

EnableNativeScrolling

The EnableNativeScrolling property is used to enable native (built-in browser) scrolling functionality of the devices when scrolling is allowed. The default value is false.

html

<div style="text-align: center;">
        <input data-role="ejmbutton" type="button" data-ej-text="Open Dialog" data-ej-touchend="openAlertDialog" />
    </div>
    <div id="alertdialog" data-role="ejmdialog" data-ej-height="200px" data-ej-buttontap="alertClose" data-ej-enablenativescrolling="true" data-ej-allowscrolling="true">
        <div>
            The Essential JavaScript Mobile Dialog widget is an overlay positioned and it displays a message such as supplementary content like images or text, and interactive content like forms. It contains a title and a content area.Modal Dialog support: Displays the content in a modal Dialog, disabling interaction with other items on the page.Auto open: By default, the Dialog is in a disable state. It enables or disables the Dialog state.
        </div>
    </div>

js

function alertClose(args) {
            $("#alertdialog").ejmDialog("close");
        }
        function openAlertDialog(args) {
            $("#alertdialog").ejmDialog("open");
        }