Is there a way to make the Editor toolbar buttons smaller? I'd like them to be small Bootstrap buttons.

I would like to disable partly multiselect dropdown li elements on basis of specific condition. To achieve this I tried to set data attributes on li elements  and check that data while rendering these li elements and apply CSS to disable it. But neither I find any related data in data object returned by KendoMultiselect nor in documentation.

$(itemIdservicetypes).on('change', function (e) {
			// Here we can get the value of selected item
			var seletctedValueST = $(itemIdservicetypes).data("kendoDropDownList").text();
			var data = $(itemIdSIMultiSelect).data("kendoMultiSelect");

			data.ul.children().each(function () {
				if (seletctedValueST == $(this).data("ServiceType") {
					$(this).addClass("k-disabled");
				} else {
					$(this).removeClass("k-disabled");
				}
			})

		});

i tried multi-column headers for 2 days with this version, but i couldnt.

the code i made was like..

$("#grid").kendoGrid({

       columns: [

              {field: "first row", title: "first row", headerAttributes: { **************},

                     columns: [

                            {field: "multi column row", title: "multi column row", headerAttributes: { **************} }

                            ,{field: "multi column row2", title: "multi column row2", headerAttributes: { **************} } 

                     ]

       ]

this code doesnt make multi-column, any error log either.

is that version problem? 

The new dateInput functionality added to the kendoDateTimePicker only deals with format.  It does provide true mask behavior similar to the MaskedTextBox control.

I want our users to be able to type 03012023 and the mask would convert it to 03/03/2023 automatically.

Is there any way to enable/incorporate this modern UI behavior into the kendoDateTimePicker?  The current implementation generating a lot of complaints from users.

Hai,

I am facing issue with my editor.

1) Want to disable the editor while still being able to use the PDF and print function.

2) How to set mode as landscape and set name of file (.pdf) when I click "save as PDF".

3) When I click "print", my style doesn't display.

Please refer to the attached file, which is in .jsx format.

Hi,

There is an existing issue with File Manger pagination in List Mode (Grid Mode works fine).

The issue is that the paginator does not get updated with total count of items in the folder just opened/expanded.  The count remains the same as first/home page.

E.g.  On home page of file manager, I have 5 items ( 3 folders, 2 files)... so pager widget reads "1 - 5  of 5 items".

Once I click on a folder (one of the 5 items), it opens to show 50 (of 25000) files.  However, the paginator widget stays at "1 -5 of 5 items".   Thus leaving the user screwed because there are no pager links to get to next page of items as it thinks it has only 5 items in view when there are actually 50 in view, and it thinks total items are 5 instead of 25,000.

If I switch to Grid mode, it all works perfectly.  Both my list and grid views are configured exactly the same.

,
                                views: { 
                                list: {
                                    pageable: {
                                        alwaysVisible: true,
                                        pageSizes: [10, 20, 50, 100, 200, 300, 500, 1000]
                                    },
                                    pageable: true,
                                    selectable: "single" //allows only single selection int the ListView
                                },
                                grid: {
                                    pageable: {
                                        alwaysVisible: true,
                                        pageSizes: [10, 20, 50, 100, 200, 300, 500, 1000]
                                    },
                                    pageable: true,
                                    selectable: "single" //allows only single selection int the ListView
                                }

So an obvious bug...but when will there be a fix?  Or a workaround? Currently I am working on rolling my own here.  I have to trap the "open" event (double click)...and the  reset the datasource with the correct items for the folder clicked on, and update the datasurce totals...then it works fine...but i have lost context of parent folders by resetting the data source with items at folder level.

The way it is currently, list mode is useless in FileManager...unless your sub folders have less items than your root folder.

This feels like a REALLY stupid question, but why doesn't the following work with the Window component:

This above code works fine (it opens the window) with the exception that rather than putting the HTML content into the window, it tries to load content from:  "https://{myurl}/%3Cdiv%20style='width:%20250px;%20height:%20250px;%20border:%20dashed%201px%20red;%3E%3C/div%3E?_=1681574731677". 

I hope that someone can laugh at me and tell me how to just load client side content without an AJAX call or an iFrame.

Thank you!

I am new to KENDO UI Gantt Chart, using it for the first time, and facing lots of issues in adding new columns and calculations.

My client's requirement is to have a Duration column based on Planned Start Date and Planned End Date, column should be editable and when I change either PSD or PED duration should be updated, and vice versa that is if I update the duration my Planned End Date should also get updated accordingly.

Requesting help on this, I have attached the code.  

My Kendo grid is rendered as shown is code below, I am thinking as it was not using ajax thus the loading is not showing, I would like to check how do I make the loading to appear when the grid is being rendering

 <script type="text/javascript">
        var contactData = @Json.Serialize(Model._gridContact);
 $(document).ready(function() {
 $("#kendo-table").kendoGrid({
                dataSource: {
                    data: contactData,
                    schema: {
                        model: {
                            id: "id",
                        },
                        parse: function(data) {
                            data.forEach((item) => {
                                var strUpdatedDate = item.updatedDate;
                                item.updatedDate = kendo.parseDate(strUpdatedDate);
                            });
                            return data;
                        }
                    }
                },
                sortable: true,
                scrollable: false,
               
                noRecords: {
                    template: "No record found."
                },
                dataBound: onDataBound,
                columns: [
                    { field: "salutation", title: "Salutation", width: "130px" },
                    { field: "fullName", title: "Full Name", template: '<a class="fw-bold"  href="' + contactDetailLink + '/\#= id#\/1">#= fullName#</a>', width: "188px" },
                    { field: "status", title: "Status", width: "115px", template: userStatusMarkup },
                    { field: "contactType", title: "Contact Type", width: "108px" },                   
                    { field: "primaryEmailContact", title: "Primary Email Contact", template: '<a class="fw-bold d-inline pe-0"  href="mailto:#= primaryEmailContact#" target="_blank" rel="noopener">#= primaryEmailContact#</a>', width: "248px" },
                    { field: "businessPhone", title: "Business Phone", width: "180px" },
                    { field: "phoneExtension", title: "Business Phone Extension", width: "265px" },
                    { field: "mobilePhone", title: "Mobile Phone", width: "180px" },
                    { field: "updatedDate", title: "Last Updated Date", width: "188px", format: "{0:d MMM yyyy}" }
                ],
                
                pageable: {
                    buttonCount: buttonCount,
                    pageSizes: false,
                    messages: {
                        display: "" // set it to an empty string
                    }
                }
            });

            $("#kendo-table").data("kendoGrid").dataSource.pageSize(10);
});
</script>