Questions on Kendo UI for jQuery Forum

1 answer

339 views

Kendo grid page numbers required to display in vertical format.

Dear Team,

We are using Kendo UI v2022.2.510 our requirement is to display the page numbers in kendo grid in drop down in vertical from.. but as of now it is showing page numbers horizontal line in kendo grid.

Thanks in Advance.

Grid

answered on 22 Jul 2022

0 answers

134 views

Scheduler timeline view

Hi there,

I have a question about timeline view on https://demos.telerik.com/kendo-ui/scheduler/timeline. When I create a series event, the series event before the day will be disappeared by moving or resizing the event of one day among the whole series event.

For example, I create a series event between 2022-07-21 and 2022-07-23. In 2022-07-22 view, I move or resizing the series event , then the event in 2022-07-21 is disappeared . Actually, I want to change the whole series event between 2022-07-21 and 2022-07-23 by changing the event in 2022-07-22.

Would you tell me how to solution this problem?

Thank you so much !

Scheduler

asked on 21 Jul 2022

3 answers

205 views

[ kendo scheduler ]change field validation message for multiselect

Hi,

Like Demo https://dojo.telerik.com/ojOwIcIB

I want to change field [attendees] validation message when field input value is empty,

I referred

https://www.telerik.com/forums/kendo-scheduler-change-field-validation-message

and

https://dojo.telerik.com/AsAjOdiv

Like this :

e.container.find("[data-container-for=attendees] select[data-role=multiselect]").attr("data-required-msg", "New Validation Message!");

It's not work....

Thank you very much for your help.

Editor

Scheduler

Validation

answered on 20 Jul 2022

2 answers

737 views

Configure Kendo Grid Search Toolbar to filter only visible columns?

I have a kendo grid which has the search filter enabled. I notice the search filters data based on the hidden columns as well. I'd like to have the search bar filter data based only on the visible columns. Is there a way to do this?

Grid

Toolbar

updated answer on 20 Jul 2022

1 answer

122 views

GRID_Page_numbers_dropdown

Dear team,

I want to display page numbers in drop down by default,When screen size is smaller we are getting dropdown,but i want drop down in large screen also

Grid

answered on 20 Jul 2022

1 answer

216 views

Reduce the file size of minified version of CSS and JS

Hello Team,

Could you let us know how to reduce the size of "kendo.all.min.js" (4.09 MB), kendo.bootstrap-v4.min.css (839 KB) and kendo.common.min.css (385 KB).

Thank you.

General Discussions

answered on 19 Jul 2022

0 answers

131 views

Double click option is not working correctly in JQuery

When I try to edit some row in kendo grid with double click and then opens to editor popup correctly but when I change to columns order and save and after that change the column view that saved view after that when I double click to some row to edit, popup disappear immediately. I guess the double click function fires two times. If I change columns order again, the double click function fires three times. My opinion is kendo grid is created multiple times when I change column order in my saved views. I cannot handle this issue. Thanks in advance.

Grid

asked on 18 Jul 2022

1 answer

126 views

Tooltips don't show on hover when using selector on charts

Hi,

I'm trying to get the tooltips to show when hovering over the chart when there's a selector on the chart.

Without the select the tooltips show but not with it. (Images attached)

The select uses a mask that covers the chart, I tried changing the css z-indexes but had no luck and can't find any possible work around.

Charts

ToolTip

answered on 18 Jul 2022

1 answer

404 views

How to adjust spacing or size of OrgChart

Hi, I'm working with the Kendo jQuery OrgChart widget and for some reason it is blowing up to a huge size and I haven't had any luck adjusting it. Here is a dojo of the data I'm working with (https://dojo.telerik.com/ibiniBuW). It doesn't seem to have many more nodes than the demos but it automatically takes up a huge amount of space. The dimensions seem to default to height: 2413px and width: 10399px no matter the size of the parent div.

I have tried resizing the div itself and then using styling on the k-orgchart-container class and neither method changed anything. I have also tried setting height, width, and chartArea from within the widget and none of those changes made any difference either.

Any help would be much appreciated, thanks!

OrgChart

answered on 18 Jul 2022

1 answer

173 views

Kendo Multi Select AJAX POST Request

Hi,

I want to create the kendo multi-select using jquery ajax. Using ajax I have sent the request to the server every time when a user types a letter in multi-select. So for that, I have created this Script that is attached below :-

var searchTerm = params.term && params.term != "" ? params.term : islNewsArticle2LastSearchTerm;

var payload ={
  "valueFilters": [
    {
      "field": "preDistLocationIds",
      "values": [
        "2787"
      ]
    },
    {
      "field": "distLocationIds",
      "values": []
    },
    {
      "field": "createdByLocationLevelId",
      "values": []
    },
    {
      "field": "taskLevelId",
      "values": [
        "118"
      ]
    }
  ],
  "rangeFilters": [
    {
      "greaterThanOrEqual": "2022-06-11",
      "field": "startDate"
    },
    {
      "lessThanOrEqual": "2022-07-11",
      "field": "endDate"
    }
  ],
  "sorts": [],
  "limit": 50,
  "q": '+searchTerm+ '
};


var new1 = new kendo.data.DataSource({
  transport: {
                    read: function(s) {
                        $.ajax({
                             delay: 350, // wait 250 milliseconds before triggering the request
                             url: "https://"+'@Session.OrgUrl~'+"/searchapi/taskviews/tasklist",
                             type: "post",
                             data: JSON.stringify(payload),
							 dataType: 'json',
							 contentType: "application/json",
							 beforeSend: function(req) {
           req.setRequestHeader('Authorization', "Bearer @Session.AuthToken~");
       },           
        processResults: function (data) {   
                //console.log("results: "+data.results.length);
                var res = [];
                if(data && data.results){
                    for(var i  = 0 ; i < data.results.length; i++) {
                        res.push({id: data.results[i].objectId, text: data.results[i].title});
                    }
                }
                return {
                    results: res
                }
            },
			complete: function(){
            }
                        });
                    }
                }
});
$("#islTasks").kendoMultiSelect({
        placeholder: "Select Tasks...",
        filter: "contains",
        autoBind: false,
    dataValueField: "objectId",
    dataTextField : "title",
    dataSource : new1
});

Now I am not able to select the value that which user types in multi-select. So Can anybody help me with this how can I get the multi-select value using jquery and pass it to the variable payload inside "q"

The basic functionality I want is that when a user searches any term a request sends to the server. This is the payload data that i have to passv i.e,

{
  "valueFilters": [
    {
      "field": "preDistLocationIds",
      "values": [
        "2787"
      ]
    },
    {
      "field": "distLocationIds",
      "values": []
    },
    {
      "field": "createdByLocationLevelId",
      "values": []
    },
    {
      "field": "taskLevelId",
      "values": [
        "118"
      ]
    }
  ],
  "rangeFilters": [
    {
      "greaterThanOrEqual": "2022-06-11",
      "field": "startDate"
    },
    {
      "lessThanOrEqual": "2022-07-11",
      "field": "endDate"
    }
  ],
  "sorts": [],
  "limit": 50,
  "q": '+searchTerm+ '
}

Here q in the last include the value that which user search. Can anybody help me with this

MultiSelect

answered on 18 Jul 2022