Hi, I am using Telerik grid in Razor pages applications. I have main grid and Detail grid.

<script id="orderItemsTemplate" type="text/kendo-tmpl">
    @(
        Html.Kendo().Grid<OrderItemInfo>()
                        .Name("OrderItemsGrid_#=RowId#")  // Unique grid name using rowid
                        .Columns(columns =>
                        {
                            columns.Bound(o => o.ItemDescription).Title("Item Description").Width("20%");                           
                            columns.Bound(o => o.QtyDelivered).Title("Qty Delivered").Width(50).Hidden();
                            columns.Bound(o => o.OrderNo).Title("Order No").Width(90);
                          
                    })
                    .ToolBar(tb => tb.Columns())
                    .AllowCopy(true)
                    .Selectable(s => s.Enabled(true))
                    .Sortable()
                    .Events(events =>
                    {
                        events.DataBound("onOrderItemsGridDataBound");
                    })
                    .Size(ComponentSize.Small)
                    .Resizable(resize => resize.Columns(true))
                    .DataSource(dataSource => dataSource.Custom()
                        .ServerGrouping(false)
                        .ServerPaging(false)
                        .ServerFiltering(false)
                        .ServerAggregates(false)
                        .ServerSorting(false)
                    )
                    .ToClientTemplate()
            )
</script>

Problem:   .ToolBar(tb => tb.Columns()) is not working on Detail grid template. 

Hello,

I have a DropDownList in my grid toolbar that represent a list of 'views' for the grid.

When I select one of them, I use both getOptions and setOptions to modify the columns order and states.

My problem is that when I execute setOptions, my DropDownList kendo is lost and don't keep the state it had before setOptions.

How can I achieve this pls ?

Hi, I need to know if there is a way to give an order to the elements that are placed in overlfow.

I would like to decide which elements to send to overflow first, then if there is a lack of space, move on to the other elements and so on.

Thank you!

I have a kendoGrid, on initial load I am able to see the pagination being set and datasource.total has some value:

On Initial load:

When I click on the default "cancel" option from my toolbar, the total is "undefined".:
OnCancel:

 

I can see the data in my grid, but the pagination footer displays "No items to display"

Dear support,

We are using kendo UI for jQuery editor and we have a question about editorTools "forecolor" and "backcolor" from the toolbar.

Could you please tell us if it's possible to display the 2 modes(palette and gradient) together, from our version of kendo : 2019.1.115 ?

Like for example this colorPicker : https://dojo.telerik.com/EWahuGuM

Best Regards,

Hamza.

Hello, i'm working on kendo UI for jQuery editor and i have a question about forecolor and backcolor in the toolbar.
I'd like to know if it's possible to display 2 modes in same time: palette and gradient, like in this colorPicker example : 
https://dojo.telerik.com/EWahuGuM

Thank you.

Kendo Javascript : Toolbar is not working as expected on the previous version of KendoUI , It was working fine. On this example if I am trying to add "Add Sub Project" on template of toolbar, Still it is showing default "Add new record" on the screen. Functionality is working fine only the issue with toolbar template.

 

 

I'm trialing Kendo UI and currently experimenting with the Toolbar widget.  Got it working ok, but I need to right align certain items on the toolbar - any idea how I would do this?

Hello, 

I got a custom button on my toolbar , which opens a modal, but , when i tried to open in mobile mode , it stops working

see the code below

 

    $('#pdfViewer').css('width', '100%');
    var request = new XMLHttpRequest();
    request.responseType = 'blob';
    request.onload = function () {
        var reader = new FileReader();
        reader.readAsDataURL(request.response);
        reader.onload = function (e) {
            $("#pdfViewer").kendoPDFViewer({
                pdfjsProcessing: {
                    file: {
                        data: e.target.result.split(",")[1]
                    }
                },
                toolbar: {
                    items: [ 
                        "zoomInOut",
                        {
                            type: "button",
                            name: 'Description',
                            template: '<button type="button" onclick="openModal()" title="Description" class="k-button k-button-md k-button-flat" id="btn-Description"><span class="k-icon k-i-toc-section-level"></span></button>',
                        }
                    ]
                },
                width: "100%",
                height: 760
            }).getKendoPDFViewer();
        };
    };

 

on browser desktop modal it works normally

https://demos.telerik.com/kendo-ui/editor/pdf-export

The button works but it's blank.  How would one put a PDF icon or say PDF in text for the button?