Telerik Forums
Kendo UI for jQuery Forum
1 answer
15 views

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"

Martin
Telerik team
 answered on 08 Feb 2024
1 answer
19 views

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.

Neli
Telerik team
 answered on 17 Jan 2024
1 answer
20 views
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.
Neli
Telerik team
 answered on 17 Jan 2024
1 answer
20 views

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.

 

image

image

 

Martin
Telerik team
 answered on 21 Nov 2023
5 answers
6.3K+ views
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?
Michael
Top achievements
Rank 1
Iron
 answered on 06 Nov 2023
1 answer
64 views

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

Martin
Telerik team
 answered on 10 Oct 2023
1 answer
33 views

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?

Neli
Telerik team
 answered on 03 Oct 2023
1 answer
40 views

 

I have a long running grid altering script that is fired by a custom button placed on the grid tool bar as so:

            toolbar: ["save", "cancel", { name: 'STMS', text: "Save To STMS" }, { name: 'RAS', text: "Save To RA" }, { name: 'OOS', text: "Clear OOS" } ],

 

The button firing function follows:

        $(".k-grid-OOS").click(function (e) {
            zeroOOS(e);
        });

 

The function follows:

    function zeroOOS(e) {
        var grid = $('#grid').data("kendoGrid");

        var selectedRow = grid.select();
        var selectedRowIndex = selectedRow.index();
        console.log(selectedRowIndex);
        var gridRows = grid.dataSource.data();

        kendo.ui.progress($('#grid'), true);

        for (var i = 0; i < gridRows.length; i++) {

            var thisRow = grid.dataSource.data()[i];
            if (thisRow.Material_Name === "OOS") {

                thisRow.set("Temp", 0.0);
                thisRow.set("Gravity", 0.0);
                thisRow.set("Gross_Volume", 0.0);//
                thisRow.set("Tank_Level", 0.0);
                thisRow.set("Net_Volume", 0.0);
                thisRow.set("STMS_Observed_Volume", 0.0);
                thisRow.set("STMS_Water_Volume", 0.0);
                thisRow.set("Water_Level", 0.0);
            }
        };
    }

The "Waiting" cursor does not appear until AFTER the loop completes even though I requested it before.

I purposely left out turning it off just to see what was going on.  The result of the function changes records

in the grid and gives the user the opportunity to either save the changes or cancel and go back to original values.

I tried to "reload" the document just after calling for the cursor change but since the cursor changed after the loop

was completed the reload happened right after the cursor change and removed the changes made by the loop.

I figure this this a function of DOM but am not sure how to get around it.  Have seen and tried many javascript

recommendations but nothing so far seems to work.

 

There was a previous help doc from 2014 (http://dojo.telerik.com/@Kiril/ozuv) that works and does what I want so I tried

those commands in my function but do not get the same results.

 

Any clues would be much appreciated.

Thank you

Bill Lawler

Martin
Telerik team
 answered on 30 Aug 2023
1 answer
104 views
I'm using the kendo editor tool for a rich text editor, and I want to change the default font family. No matter what I do (I've tried accessing the HTML element by jQuery and DOM selectors and change its value), the selected font stays "inherited font" option, what should I do? (Same goes for "inherited size", for the font size)
Zornitsa
Telerik team
 answered on 21 Aug 2023
1 answer
563 views

I'd like to show / hide or change the icon of a toggle button and currently struggle getting this to work after changing to the current version.

I had no problems with older versions (2019 / 2021).

What I'm trying to achieve ist something like

setOptions({icon: "check"})

and (re)render()

I also tried to take the road via kendo.ui.icon(element....) and kendo.html.renderButton / renderIcon but so far to no avail.

Any hint would be greatly appreciated.

 

Kind regards

 

Frank

 

Frank
Top achievements
Rank 1
Iron
 updated answer on 26 Jun 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?