Hi Telerik,

As per title, is there a way to apply it?

How can we achieve keyboard navigation for a tile layout which has a kendo grid inside one of the tile? 

to activate the widget the shortcut key is same i.e. alt+w.

the default example of tile layout has the grid inside tile.

https://demos.telerik.com/kendo-ui/tilelayout/index

     hello,

I am using Jquery kendo grid. we added a page zoom size change feature with in our web application. The kendo grid is rendering fine on page zoom change, but the editors positions(appearing in the old position as it is at 100% zoom) are not adjusted according to the zoom change. Please find the zoom change function I am using and  the screenshot with issue. Let me know if there is any fix for it.

function SetZoom(val) {
    val = parseFloat(val);
    var percentage = parseInt(val * 100) + "%";
    $('body').css('zoom', percentage);
    $('body').css('zoom', val);
    $('body').css({ zoom: val, '-moz-transform': 'scale(' + val + ')' });
}

http://jsfiddle.net/qgw2mtcy/

We are trying to validate a grid has more than 1 row before the form submission is valid.  For some reason the validation logic does not trigger the custom rule for the grid row count validation.

Hello, I'm find multi identifiable combo box. Is it implement?

current combobox

If I have below code 

Using the spinners, if the value changes to a whole number (eg: 1, 2, 3, etc...), it shows "1", "2", etc...

I just wanted to display like "1.00", "2.00" while the input is still in focus. Is this possible?

Hello,
I've got a grid that leverages the detailInit feature and the detail grid has a toolbar with a button in it.

I want each button in those detail grids to have the same link with a different id parameter. (eg: /my/link?id=1, /my/link?id=2, etc..)

Here are a few lines to give an idea of what I've got:

    // ...
    grid = $el.kendoGrid({
        dataSource: ds,
        detailTemplate: kendo.template($('#cc_ajax_contact_group_grid_detail_tpl').html()),
        detailInit: function (e) {
            // ...
            // Calling method to init a detail grid.
        },
    // ...
    // Init detail grid...
    const detailGrid = $detailEl.kendoGrid({
        dataSource: ds,
        toolbar: kendo.template($('#cc_ajax_contact_group_grid_detail_toolbar_tpl').html()),
        columns: [
            // ...
        ],
        autoBind: true,
        noRecords: false,
        sortable: false,
        scrollable: false,
        pageable: false
    }).data('kendoGrid');
    // ...

    <!-- Grid Detail template -->
    <script type="text/x-kendo-template" id="cc_ajax_contact_group_grid_detail_toolbar_tpl">
        <div class="btn-group ml-2">
            <a href="/ActionLink/GoesHere" class="btn btn-primary btn-sm cc_ajax_contact_group_member_add">
                <i class="fa fa-plus" aria-hidden="true"></i>
                Add Group Member
            </a>
        </div>
    </script>
---

So, what I was hoping for was something in the template like this:

    <a href="/ActionLink/GoesHere?GroupId=#=GroupId#" 

But I'm seeing now after trying this that the dataSource model context for the grid rows won't be available in that toolbar template.
This makes sense I think.

So what I ended up doing is just adding a data attribute to the detail grid element.
This way I can use the toolbar buttons click event to select the parent grid and scoop up that data attribute.

Something like this:

    // ...
    const groupId = e.data.id;
    const $detailRow = e.detailRow;

    const $detailEl = $(app.foo.memberGridSelector, $detailRow);
    $detailEl.data('contact-group-id', groupId);
    // ...

And the button's click event:

    // ...
    const $btn = $(e.currentTarget);
    const $gridEl = $btn.parents(app.foo.memberGridSelector).data('kendoGrid');
    const groupId = $gridEl.data('contact-group-id');

    // Now use that group id to make an $.ajax call with jquery.
    // ...

---

So my question: Is there an easier way to do this or is above approach a reasonable solution?

Thanks,
Andy

Is there a way to remove or change the color of the border that is rendered on the right side of the plot area?

Similarly, is there a way to remove or change the color of the border that is rendered on the right side of a bar chart bar?

I can see the SVG elements that draw them but I can't find a way to change the color.

I've attached a picture with red arrows pointing at the elements I'm asking about.