Hello,

We have a few grids on a page with "filterable: {mode: row}" enabled. This option causes to render a single grid ~700-1000 ms, without this option it takes 10-20 times faster.

Here is example that demonstrates the issue

 

https://dojo.telerik.com/ebavEhos

 

First grid filterable option enabled, the second grid option is not set.

Below the grid, you'll see the time to init each grid.

 

Are there any ways to improve that performance?

 

Thanks,

Max

There have been few discussions on the topic of column minimum widths. And the answers I found so far can be summarized to this:
1. Kendo UI grid does not support min-width for the columns;
2. Developer can set min-width css on the whole grid element;
3. A js function can capture event when user resizes individual column manually and prevent user to go under given width. 

In a most user friendly way the column configuration should have taken column width in % and min-width. 
Are there any plans to implement this feature?

Is there a known function which can work as window.onresize and resize grid columns proportionally with given column min widths? Can min widths be added to columns configuration and then accessed by this function?

Thanks!

Hi,

I want to make a cell editable on double click instead of single click. I know this can be achieved by jQuery. But still do we have any option in kendo grid.

Thanks in Advance,

Sam

Hello,

I'm trying to make a success and fail ratio pie chart now.
I have difficulty making label to be shown clearly.

First problem is that the 'outsideEnd' option is not working properly.
With 'outsideEnd', I guess the label should be positioned outside.
But in my case, the label is positioned inside of the pie.

Second, when I tried with 'circle' or 'column' option, the label text overlapping.
I couldn't find other option to arrange it properly.

Would you please kindly help me to do this?

The following my code;

        function createChart() {
          var dataSource = [
            {category: "FAIL", value1: 1970}, 
            {category: "Manual", value1: 8370}, 
            {category: "Automatics", value1: 185000}];

          $("#chart").kendoChart({
            title: { text: "" },
            legend: { position: "bottom", margin: { top: -3, bottom:0 }},
            dataSource: { data: dataSource, datatype: "number" },
            seriesDefaults: { type: "pie", categoryField: "category",
                             labels: {            
                               visible: true,
                               position: "outsideEnd",
                               background: "transparent",
                               //color:"#d9dbe8",
                               template: "#= category #: \n #= value # (#= kendo.format('{0:P}', percentage) #)"
                             }
                            },
            series:
            [
              { field: "value1", name: 'RATIO', overlay: { gradient: "none" }},
              { field: "value2", name: 'PIE_NM'}
            ],
            valueAxis: { format: "{0}%" },
            seriesClick: function(e) {},
            tooltip: { visible: true, 
                      format: "{0}%", 
                      template: "#= series.name #: #= value # (#= kendo.format('{0:P}', percentage) #)", 
                      background: "#2f3b51", 
                      color:"#fff", 
                      border:{width:0}}
          });  
        }

Thanks in advance.

For me, in the latest version of chrome the keyboard shortcuts are not working, even on the documentation example.

https://demos.telerik.com/kendo-ui/datetimepicker/keyboard-navigation

I'm working in MVC 5 and am using Entity Framework.

I want to be able to disable dates in a datepicker where the disabled dates are pulled from a table in the DB, for example the Holidays table where the dates are in a columns called HOLIDAYDATE. I see how to hard code the dates but how do you pull the dates from a data source and load them into the datepicker?

 

Hi,

I've got a MVVM kendo dropdownlist for my single page application that gets rendered with a layout.showIn(), all is fine and the dropdownlist is populated from my viewmodels datasource but the autocomplete filtering always passes null back to my controller method.

 

Controller method:

 

My dropdownlist gets populated fine, but when I try to type in something the autocomplete never gets filtered, upon debugging it turns out that the parameter text is always null it doesn't seem to be passing anything back to the GetEventCodes controller method. Am I missing something here? I've looked at the demos and documentation and it doesn't seem like I'm missing anything.

Side Note: I can't seem to get my templates to render when I move the script/templates to another location e.g. remove it locally, I want to have a separate .cshtml file preferably that will have all my templates and I can call that from my javascript file instead of having it all in one file which creates a lot of clutter.

Thanks.

 

Hi, we are developing a component where we use many Kendo UI Window instances. They are all placed in a container that is not the "body" element. This container is relative to other elements and has offsets from the "body".

When trying to resize a window, the resizing border does not align with the mouse position, it seems to shrink down with the size of the offset from the body.

Here is a small demo, reproducing the issue: http://jsbin.com/jivemitavi/edit?html,css,js,output

If you set a 'top' or 'left' on the container, the behavior changes and the window even moves its position when resizing.

Is there a workaround to this or is there something we're missing?

Thanks.

 

Hello, I'm wondering if there is a CSS attribute that will allow one to put the cursor on the textbox and navigate to the end of the text, so one can see the whole text value?

I tried the text-overflow: ellipisis below, but that didn't seem to take and i've attached a zip file with a snap shot of the textboxes, so any pointers would be greatly appreciated! thank you!

<script type="text/x-kendo-template" id="bip-template">

    <div class="bip-container">
        <table class="bip-table" cellpadding="0" cellspacing="0">
……………………………………………
……………………………………………………….
……………………………………………………………………………
                <td width="9%" class="lbl-text">Last Name:</td>
                <td width="16%">
                    <input class="k-textbox.large" type="text"         disabled="disabled" style="width:100%" data-bind="value: bipVm.lastName" />
                </td>

                <td width="9%" class="lbl-text">First Name:</td>
                <td width="16%">
                    <input class="k-textbox.large" type="text"         disabled="disabled" style="width:100%" data-bind="value: bipVm.firstName" />
                </td>
………………………..……………………………………………
……………………………………………………….….
……………………………………

<style>
    [class~="k-textbox.large"]
    {
        width: 300px;
        border: none;
        font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
        font-size: 11px;

        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

</style>

 locdir

I have created a grid with more than 300K records and i'm using filter mode row. My problem is that i'm taking a lot of time to get the suggestions for my filters(around 40s). As i understand, from your documentation, when i use mode row a new request is sent to server to retrieve again all data.There is an option to make filter works fast? How can i achieve that?