dynamic window

[Bharathi]

Hi,

     I'm working on something like Interactive video quiz I'm using html 5 for video and i will have my question and answers in a  .txt file like this format

Questions.txt
"00:00:20","What is 10+4","16","*14"
"00:00:40","What is 10+6","*16","14","18"
"00:00:10","What is 10+8","16","14","*18"
"00:00:20","What is 10+14","16","*24","18"
"00:00:20","What is 10+41","*51","14"

I want to dynamically populate this questions(radio button/check box) in a kendo window . the html 5 video will play the video and it paused at the given time and kendo window populates the question. once the user click the submit button it records the answers and resume playing the video and again pause the video and open the kendo window to populate the questions.

How do i populate kendo window dynamically ?

Thank you for the help

[Konstantin Dikov]

Hello Bharathi,

You can change the content of the Window widget through its content method:

• http://docs.telerik.com/kendo-ui/api/javascript/ui/window#configuration-content

Here is a simple example for changing the content of the window dynamically:

<div id="dialog"></div>
<script>
  $("#dialog").kendoWindow();
  var dialog = $("#dialog").data("kendoWindow");

  dialog.content("<span>This</span> is a <strong>'test'</strong>");
</script>

You can also take a look at the content template:

• http://docs.telerik.com/kendo-ui/api/javascript/ui/window#configuration-content.template

Hope this helps.


Regards,
Konstantin Dikov
Telerik