This is a migrated thread and some comments may be shown as answers.

Dynamically create windows containing charts

1 Answer 209 Views
Window
This is a migrated thread and some comments may be shown as answers.
AP
Top achievements
Rank 1
Veteran
AP asked on 06 Dec 2011, 11:12 AM
I'm looking at the feasibility to create a dashboard page using kendoUI. I want to be able to dyamically create windows containing charts, depending on what a user has opted to see.

I have several issues at the moment:-
  1. There doesn't seem to be any way to programmatically create a window without an existing element already on the page
  2. I can't find any documentation on how to add any other kendoUI widgets inside a window - just a URL
  3. When I try creating a page with two windows, containing URLs to pages which render charts, the bottom window borders never show until the window is resized (no matter how high the window is made).

I really want to know if it is (or shortly will be?) possible to create multiple windows and charts on a page, without having to embed other pages (which would seem the HTML5 way of doing things).
If it is - how do I do it?

Currently the best I've got is:-

<script  type="text/javascript">
     $("#window").kendoWindow({ draggable: true, resizable: true, width: "480px", height: "300px", title: "Discharges", content: "http://findev1/WCF/dischargeswidget.htm", modal: false, actions: [  "Close"] });
 
     $("#window2").kendoWindow({ draggable: true, resizable: true, width: "480px", height: "300px", title: "Admissions", content: "http://findev1/WCF/AdmissionsWidget.htm", modal: false, actions: ["Close"] });
 
</script>


Which still has issues.

Thanks

1 Answer, 1 is accepted

Sort by
0
Hristo Germanov
Telerik team
answered on 09 Dec 2011, 09:54 AM
Hi Ap,

Thank you for contacting us.

1. You can programmatically create the window. You just need to create a div with jquery.

$("<div id='firstWindow' />").appendTo(document.body).kendoWindow({
    draggable: true, resizable: true, width: "480px",
    height: "300px", title: "Discharges",
    scrollable: false,
    content: "http://demos.kendoui.com/dataviz/api/index.html", modal: false, actions: ["Close"] });
 
$("<div id='secondWindow' />").appendTo(document.body).kendoWindow({
    draggable: true, resizable: true, width: "480px",
    height: "300px", title: "Discharges",
    scrollable: false,
    content: "http://demos.kendoui.com/dataviz/api/index.html", modal: false, actions: ["Close"] });

2. Unfortunately we haven't any documentation for the KendoUI widgets inside a window. We will update our documentation and we will add more demos for the window in the KendoUI. Thank you for the feedback.
3. I can't reproduce this issue with the official version of the KendoUI. Can you update to the last version of KendoUI or if you already updated how can I reproduce the issue?

All the best,
Hristo Germanov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Window
Asked by
AP
Top achievements
Rank 1
Veteran
Answers by
Hristo Germanov
Telerik team
Share this question
or