I applied the bootstrap-v4 theme as described here

https://www.telerik.com/forums/support-for-bootstrap-4#0ycfPtGd9kqSuUyQ97z4mw

 

I noticed the menu control changes the text color to gray, so it kind of looked like the entire menu was disabled to me at first.

You can see it here 

https://dojo.telerik.com/AKuPiXOL

 

It looks like kendo is setting this style.  Not sure if this is intentional or not. 

In my project I added this style to take out the kendo color.

     Hi team,

Found this weird UI issue when clicking filter option in column menu on a grid. See screenshot: the text in panel is being auto-selected.

Last kendo release with Default theme, Chrome/Firefox

 

Best regards.

 

Laurent

Is there any way to apply column filtering to multiple columns at once? Whenever I try to add a second filter, the first is erased.

 

Thanks for any help.

 

Callam

Hello,

I need to keep the confirmation of row deletion,but would like to have it in batch

I have the grid in 'batch Editing Mode',and setting of selectable: "multiple row", so using the following code :

                EntityManageGrid.select().each(function () {

                    EntityManageGrid.removeRow($(this).closest("tr"));
                });

will result in a confirmation on each row,while this is a batch operation that should be confirmed once

Is there another method to be able to delete batch rows with single confirmation for the whole batch operation

Thanks in avance

Regards,

MOTASH

Hi,

Following on from a previous post

I now have a grid view as the source for my drag items and dropping onto a scheduler and this works great when the scheduler is configured to show one resource. If the scheduler has a resource group I would like to not only pick the timeslot where the item was dropped but also the resource too.

My scheduler Resources are defined as:

 

Based on the previous post... my create drag area is set as:

 

Is there a way to get the assignee value? If it helps the scheduler has been restricted to timeline, timelineWeek and timelineMonth views.

Thanks.

 

 

 

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");