I'm using a modal that is uses a div tag and the div tag can scroll. Is it possible to export the entire div tag and not what is only being shown to the user? Right now, it only exports what is on the screen

How can I achieve, that on ToolBar item image and url is not side by side, but one beneath the other. Image on top and text on bottom.
My current code is:

So this is odd...

My markup has radio buttons in each sortable item.  I can select them no problem, but once I start to drag to sort, I can see the hint and placeholder have lost the selection, and on drop it's gone as well.

WIERDER if I inspect the markup in chrome on the dropped element I still to see the "checked" attribute there... but no selection, jQuery detects no selection as well.

Checkbox lists however seems perfectly fine

I am working with a data that it is divided into several groups. The number of groups is small however, each group contains many items.
I would like that each group's items list is loaded on demand when the user clicks the group. 
The purpose is not to load all data from the server but rather only when the user hits the requested group.

Does the Grid support this functionality?

I'm using the pager for my grid and gave it the size options: 5, 10, 20, 50, and 'all'. They all work fine except for when I have the page size set to all and then filter a column, after filtering the page size changes to the number of total items and when I undo the filter it still doesn't show 'all'. Here's my grids code (and I attached some snapshots of the issue): 

    VVOEventsPropertyTableKendoGrid = $("#VVOEventsTable").kendoGrid({
        dataSource: {
            type: "signalr",
            schema: {
                model: {
                    fields: {
                        _id: { type: "string" },
                        EventTime: { type: "date" },
                        //VVOID: { type: "string" },
                        OpMode: { type: "string" },
                        EstimatePowDiff: { type: "string" },
                        EstimatePowLoss: { type: "string" },
                        EstimateMinVol: { type: "string" },
                        ControlStatus: { type: "string" }
                    }
                }
            },
        },
        change: onChangeVVO,
        columnMenu: true,
        excel: {
            allPages: true
        },
        filterable: { search: true, ignoreCase: true },
        pageable: {
            pageSize: 5, pageSizes: [5, 10, 20, 50, "All"], input: true, numeric: false, message: {
                empty: 'No Data',
                allPages: "Show all"
            } },
        reorderable: true,
        resizable: true,
        scrollable: true,
        selectable: "row",  
        sortable: true,
        height: 320,
        columns: [
        {
            field: "EventTime",
            title: "Event Time",
            filterable: { multi: true },
                width: 70,
                template: function (dataItem) {
                    var split = dataItem.EventTime.split(".");
                    var time = split[1].split(" ");
                    return split[0] + " " + time[1];
                },
            headerAttributes: { style: "white-space: normal" }
        },
        {
            field: "OpMode",
            title: "Operation Mode",
            filterable: { multi: true },
            width: 70,
            headerAttributes: { style: "white-space: normal" }
        }, {
            field: "EstimatePowDiff",
            title: "Estimated Power Difference",
            filterable: { multi: true },
            width: 60,
            headerAttributes: { style: "white-space: normal" }
        }, {
            field: "EstimatePowLoss",
            title: "Estimated Power Loss Imporovement",
            filterable: { multi: true },
            width: 80,
            headerAttributes: { style: "white-space: normal" }
        }, {
            field: "EstimateMinVol",
            title: "Estimated Min Voltage Improvement",
            filterable: { multi: true },
            width: 70,
            headerAttributes: { style: "white-space: normal" }
        }, {
            field: "ControlStatus",
            title: "Control Status",
            filterable: { multi: true },
            width: 60,
            headerAttributes: { style: "white-space: normal" }
        }],
        excelExport: function (e) {
            e.preventDefault();
            var columns = e.workbook.sheets[0].columns;
            columns.forEach(function(column){
                delete column.width;
                column.autoWidth = true;
            });

            VVOEventsWorkbook = e.workbook;
            promises[0].resolve(e.workbook);            
        }
    }).data("kendoGrid");

If I have a table and convert it over to a kendogrid, are you then able to export that to excel? When I try, I get saveAsExcel not defined. I even get it when I run one of the examples from the site in Dojo.

Hello,

I noticed, that I can't delete tags from the MultiSelect in the DropDownTree when I use serverFiltering in a HierarchicalDataSource. The following Dojo shows a minimal example of this: https://dojo.telerik.com/epiXuPUK/2

This can be reproduced by the following steps:

• Select 'Andrew Fuller' 
• Search for 'Andrew'
• Try to delete the Tag in the MultiSelect by hitting the X

Is this a known bug or did I forget to configure something? If its a bug, do you know a work-around for this?

Thanks.

Hello Telerik Team,

I have an issue with showing the aggregate value in bar charts.

Could I show the aggregate values of bars like the attachment shows?

The attachment used another UI and I want to replace it with kendo UI.

Thank you!

My goal here is to use a diagram that will save the coordinates of the diagram's shapes to a table in a SQL database.  Then have a datasource that reads from that table and display the shapes in the same position the next time the user accesses that diagram.

I'm trying to test this out by setting up a static list of data in my Controller and accessing that data in the diagram's data source.  In my Kendo Diagram I am using shapesDefaults.visual to set a visual template that then grabs it's x and y values from the item in the data source.

The shapes on the screen then show correctly positioned on the diagram, but everything from the content of the shapes and the area that interacts with the shape are all stacked in the 0,0 position in the top left corner of the diagram.

I've included my code in the attached zip file, as well as a screenshot of the resulting diagram.

What am I missing to get then entire diagram shape, content and interaction ability to position to my coordinates?

I am trying to use kendo Jquery Date Picker.
I am referrring https://docs.telerik.com/kendo-ui/controls/editors/datepicker/overview.html for the same.

But instead of default k-i-calendar class I want to use k-i-calendar-date class. But I am not able to change.

Icons: https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web
https://docs.telerik.com/kendo-ui/api/javascript/ui/button/configuration/iconclass in this example it talks about changing default icon class.

 

$("#button").kendoButton({ iconClass: "fa fa-male"});

 

I tried using the same for my date picker but it doesnot work.
kendo.jQuery("#ang_layout1_asof_sdate").kendoDatePicker({

  iconClass: "k-icon k-i-calendar-date"

});