content String

Specifies the content of a Dialog.

Example - fetch content from the server

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "<em>Dialog content</em>"
});
</script>

Example - use a template to define the Dialog's content

<script id="template-dialog" type="text/x-kendo-template">
    <div class="form-group">
    <label>Label (Question)</label>
    <textarea id="editor" rows="10" cols="30"></textarea>
    </div>
  </script>




<div id="dialog"></div>
<script>
    $("#dialog").kendoDialog({
      width: '450px',
      title: 'Multiple Choice',
      closable: false,
      modal: false,
      content: kendo.template($('#template-dialog').html()),
      actions: [
        { text: 'Cancel' },
        {
          text: 'Save',
          primary: true,

        }
      ],
      initOpen: function() {
        $('#editor').kendoEditor();
        $('#upImport').kendoUpload();
      }
    });
  </script>
In this article