What is the best type of chart to render the 3 graph samples in attached screenshot? Does column chart with a different orientation will do?

Is there a way to align the 3 graphs to a common legend section as given in the screenshot?

Hello,

Is there some way to calculate from the number of columns and the number of rows in the grid data source whether there is too much data for the export to Excel to succeed?

I ask because when I tried to export to Excel with 49,237 rows displayed, an exception occurred and the export did not complete. I realize that there is a limit on how much data can be exported, and that Kendo recommends server-side export in this case. However, in the interim before we look into implementing server-side export, I would like to prevent attempting to export if there is too much data, but I don't know what the limit is. 

We are using Kendo UI v2016.1.322, Internet Explorer 11.0.9600.18314, and Windows Server 2008 R2 Enterprise, as well as Excel 2013.

    @(Html.Kendo().PanelBar()
          .Name("ICAPTeamContentPanelBar")
          .ExpandMode(PanelBarExpandMode.Single)
          .Items(panelbar =>
          {
              panelbar.Add()
                  //.Action("Membership", "ICAPTeam").Data("getentityId")
                  
                  .LoadContentFrom("Membership", "ICAPTeam", new { entityid = 18 })
                  .HtmlAttributes(new { id = "ictMembership", @class = "PanelBarFont" })
                  .Text("Membership");
              panelbar.Add()
                  .LoadContentFrom("AgentResult", "ICAPTeam")
                  .HtmlAttributes(new { id = "ictAgent", @class = "PanelBarFont" })
                  .Text("Agent Association");
              panelbar.Add()
                  .LoadContentFrom("Proxy", "ICAPTeam")
                  .HtmlAttributes(new {id = "ictProxy", @class = "PanelBarFont"})
                  .Text("Proxy");
              panelbar.Add()
                  .LoadContentFrom("Contacts", "ICAPTeam")
                  .HtmlAttributes(new {id = "ictContacts", @class = "PanelBarFont"})
                  .Text("Contacts");
          })
          )

Given this panelbar how can I set the value of entityid using JS?

Why don't the action and loadcontentfrom panelbar methods have a data property that allow setting parameters for the controller action?

Hello Kendo Spreadsheet Team,

I'm looking for a way to apply validation along this line of thinking:

     "If Cell A1 is null, then A2 is allowed to be null"

     "If Cell A1 is not null, then A2 is not allowed to be null"

However I have not been able to find an effective way of accomplishing this.  I want to selectively allowNulls depending on whether or not another column (not the one currently being validated) has a value or not.  I cannot seem to accomplish that by simply assigning allowNulls a boolean value:

     Scenario 1: allowNulls=true

               validation won't run on any of the empty cells so I cannot get the invalid warning marker to indicate the field needs a value conditional on another cell

     Scenario 2: allowNulls=false
               all blank cells will be marked red regardless of whatever excel logic you put in the 'from:' section. completely empty rows will have their cells be marked as invalid

Any thoughts on how this can be accomplished?

Thanks,

Jeff

trying to get scheduler to print out in agenda view onto multiple pages. I can get it crammed onto one page and completely useless and unreadable or i can get 2 pages, one with a header and the other runs off page and data becomes missing.

I tried some options from http://www.telerik.com/forums/better-(configurable)-pdf-output-on-the-scheduler but no avail.

So short question: can kendo ui scheduler export to pdf on multi pages AND look ok? If so how?

here is my code snippet

<button onclick='getPDF("section")'>Custom page Export</button>

 function getPDF(selector) {
            kendo.drawing.drawDOM($(selector), {
                paperSize: "Letter",
                multiPage: true,
                margin: { top: "2cm", left: "1cm", right: "1cm", bottom: "1cm" }
            }).then(function (group) {
                //Render the result as a PDF file
                return kendo.drawing.exportPDF(group);
            }).done(function (data) {
                //Save the PDF file
                kendo.saveAs({
                    dataURI: data,
                    fileName: "Calendar.pdf",
                    proxyURL: "https://www.DOMAINNAME.com/Homeroom/Calendar/Export"
                });
            });
        }

Hi,

I am have two grid and need to merge the data from the two grids. I get the datasource for each of the grid, but I am not sure how to merge the data. (I have tried push method on the observablearray but failed to merge the objects).

            var items1= $scope.items1Grid.dataSource.data();
            var items2= $scope.items2Grid.dataSource.data();
            var mergedItems= items1.push(items2);

Anyway to accomplish this?

Thank you

YK

We have a site that is built with Bootstrap 3.0 style sheets. When we use a Kendo UI DatePicker as a standalone item on an input control, it looks very nice with the Kendo.Boostrap css. However, when we use a DatePicker inside a Kendo grid it has no bootstrap styling, plus there are other elements we see that we don't want user to have to deal with.  See the attached picture to see how the two look so different. I circled in red the controls we don't want the user to see.

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.bootstrap.min.css"/>

<script src="//kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.3.914/js/kendo.aspnetmvc.min.js"></script>

(using a shared partial view for the grid column.)

col.Bound(c => c.StartDate).EditorTemplateName("Date")

(partial view for the template "Date")

@(Html.Kendo().DatePickerFor(m => m).Format("dd/MM/yyyy"))

Any thoughts?

Hello,

is there any way to resize the map to a fixed size (e.g. the size of an A4-paper), before printing.
Maybe with help of "@media print" CSS, or by using javascript.

All the solutions I have tried ends up with cropping just the top left corner of the map.

Thanks!

Hi,

I have a problem using the KendoUI Dialog component :
When a Dialog is closable, the X button appears on the dialog, and when I click on it, the browser navigates to '#'. After looking in the code, when you create the button, (which is a <a> link), you set the href to #, which causes the navigation. Is there any way to disable this navigation or redefine the link ?

Demonstration of the problem :

Go to : http://demos.telerik.com/kendo-ui/dialog/api#, click edit this example, run the code in dojo, open the dialog and close it by clicking the X button on the top right.

Thanks

I have my odata feed working correctly, however I am running into issues when trying to filter on a child property. The way the API is setup it expects that you run a lambda expression against the endpoint to filter on child properties. I've requested help from support but keep getting answers which don't apply or that are vague.

My URL looks like this:

https://datafeed.rogcoinc.com/odata/POHeaders/?$top=20&$filter=POLines/any(c:%20c/Item/itemNumber%20eq%20%27552867497%27)

Basically select top 20 from POHeaders where any POLine.ItemNumber = 55286749

Someone has to have ran into this before...is there a solution or did we buy a $1400 product that won't address our needs??