overview.md

title	page_title	description	slug	position
Overview	Overview | Dialog PHP Class	Get started with the Dialog PHP class in Kendo UI.	overview_dialog_uiforphp	1

Dialog PHP Class Overview

The Kendo UI Dialog for PHP is a server-side wrapper for the Kendo UI Dialog widget.

Getting Started

Configuration

Below are listed the steps for you to follow when configuring the Kendo UI Dialog for PHP.

Step 1 Make sure you followed all the steps from the [introductory article on Telerik UI for PHP]({% slug overview_uiforphp %})—include the autoloader, JavaScript, and CSS files.

Step 2 Create a Dialog.

    <?php
    $dialog = new \Kendo\UI\Dialog('dialog');
    $dialog->title("Software Update")
        ->width(600)
        ->closable(false)
        ->modal(false);
    ?>

Step 3 Place the content and action buttons.

    <?php
    $dialog = new \Kendo\UI\Dialog('dialog');

    $noAction = new \Kendo\UI\DialogAction();
    $noAction->text("NO");

    $yesAction = new \Kendo\UI\DialogAction();
    $yesAction->text("YES")
              ->primary(true);

    $dialog->title("Software Update")                 
        ->width(600)
        ->closable(false)
        ->modal(false)
        ->addAction($noAction, $yesAction)
        ->content('Do you agree terms and conditions?');
    ?>

Step 4 Output the Dialog by echoing the result of the render method.

    <?php
    echo $dialog->render();
    ?>

Event Handling

You can subscribe to all Dialog events.

Specify Function Names

The example below demonstrates how to subscribe for events by specifying a JavaScript function name.

    <?php
    $dialog = new \Kendo\UI\Dialog('dialog');

    // The 'dialog_open' JavaScript function will handle the 'open' event of the dialog
    $dialog->open('dialog_open');

    echo $dialog->render();
    ?>
    <script>
    function dialog_open() {
        // Handle the open event
    }
    </script>

Provide Inline Code

The example below demonstrates how to subscribe to events by providing inline JavaScript code.

    <?php
    $dialog = new \Kendo\UI\Dialog('dialog');

    // Provide inline JavaScript code that will handle the 'open' event of the dialog
    $dialog->open('function() { /* Handle the open event */ }');

    echo $dialog->render();
    ?>

Reference

Client-Side Instances

To refer to an existing Dialog instance, use jQuery.data(). Once a reference is established, use the Dialog API to control its behavior.

    <?php
    $dialog = new \Kendo\UI\Dialog('dialog');
    echo $dialog->render();
    ?>
    <script>
    $(function() {
        // The constructor parameter is used as the 'id' HTML attribute of the Dialog
        var dialog = $("#dialog").data("kendoDialog");
    });
    </script>

See Also

• [Overview of the Kendo UI Dialog Widget]({% slug overview_kendoui_dialog_widget %})
• Telerik UI for PHP API Reference Folder
• [Telerik UI for PHP Classes Folder]({% slug overview_autocomplete_uiforphp %})