Telerik Forums
Kendo UI for jQuery Forum
1 answer
26 views

Hello,

We have upgraded our Kendo jQuery package. The previous version was 2019.1.220 and our latest version is 2023.3.1114. We observed that

  • Some classes were changed in the new js say buttons in the kendo grid.
  • Some CSS files are removed. (Assuming it is not compatible with the current version.

After upgrading some of our css are not getting applied. Attaching the screenshots for reference. I'm attaching my sample code.

Below are the stylesheets I'm using
<link href="{{ URL::asset('css/boostrap_v4_alpha.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('kendo/styles/material-main.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('kendo/styles/font-icons/index.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ URL::asset('kendo/styles/bootstrap-main.css') }}" rel="stylesheet" type="text/css">
Please help me if there is something I've missed while upgrading kendo.
Nikolay
Telerik team
 answered on 04 Mar 2024
2 answers
15 views

Hi all,

I built the custom JS of Window widget by command below, the window is working but the upper right corner doesn't show action icons (Pin/Minimize/Maximize/Close).

npx gulp custom -c window

From the screenshot attached, you can see there is still finger cursor when mouse over the upper right corner, if I click it, the browser console shows error below:

Uncaught TypeError: /\bk(-svg)?-i(-\w+)+\b/.exec(...) is null
    jQuery 16
    viewEmail email_template_log_list.php:124
    <anonymous> :1
kendo.custom.js:10130:16

However, there is no any problem if I simply use ./dist/js/kendo.ui.core.min.js instead of ./dist/js/kendo.custom.min.js . Is it a bug or I've missed something?

Neli
Telerik team
 answered on 02 Mar 2024
1 answer
28 views

Hi,

as the title says i'm trying to open an alert on the Select Event of a kendoContextMenu, but the alert is shown only after the Select function is completed, is it possible to show an alert as soon as the user clicks on the ContextMenu option (at the start of the Select Event)?

Below the Select Event of my code:

 select: function (e) {
     alert("Test Alert"); //This one appears only after that the Select function ends, but i'd want it to appear as soon as the select function starts

    //MY CODE
}

Thanks in advance,

- Antonio

Neli
Telerik team
 answered on 15 Dec 2023
1 answer
20 views

i have two html (main.html and submission.html), but when i tried to open a kendo window to window.parent (main.html) and create a kendo dropdownlist from the kendo window and pass datasource to the dropdownlist, but it will have error

main.html

<div><iframe id="iframeContent" src="submission.html"></iframe></div>

 

submission.html

<script type="text/template">

window.parent.$("<div>").kendoWindow().content("<div id="dropdownlist"></div>").center().open();

window.parent.$("#dropdownlist").kendoDropDownList({

dataSource: [ { id: "1", name: "123" } ],

dataTextField: "name",

dataValueField: "id",

optionLabel: "-- Please Select --"

})

</script>

Martin
Telerik team
 answered on 01 Nov 2023
1 answer
67 views

Hi,

I’m trying to create an MDI type interface with the following behavior.

  1. Two column layout with Drawer widget on left.
  2. Open window within visible portion of right column.
  3. Window cannot move outside of the visible portion of right column.
  4. Window maximizes only to fill the visible portion of the right column.

Are there some examples around that would help or could y’all give some advice on how to do this?

Thanks,

-G

Georgi Denchev
Telerik team
 answered on 01 Aug 2023
1 answer
48 views

Hello,

I have a non-modal kendo window which can be dragged outside of the viewport. When such window regains focus the whole content of the document body is moved upwards, despite that the body has set CSS property overflow to hidden, width: 100%, height: 100%.

How can this be fixed?

 

BR

Dušan

Martin
Telerik team
 answered on 26 Jul 2023
1 answer
72 views

Hello,

Please see the following example: https://dojo.telerik.com/UsIQijOG/10

Reproduction steps:

  1. Open the console.
  2. Run the program
  3. Press the button.
  4. Enter "Test" into the Name field.
  5. Press submit.
  6. The name field in the console is empty.

Expected:

  1. The name field in the console is databound to the textbox in the window.
  2. The name field should be populated with the value entered into the name textbox.

 

Thanks,

Graham

Georgi Denchev
Telerik team
 answered on 12 May 2023
1 answer
53 views

This feels like a REALLY stupid question, but why doesn't the following work with the Window component:

            this._window = new kendo.ui.Window($("#kendo-window")[0], {
                content: "<div style='width: 250px; height: 250px; border: dashed 1px red;></div>"
            });


This above code works fine (it opens the window) with the exception that rather than putting the HTML content into the window, it tries to load content from:  "https://{myurl}/%3Cdiv%20style='width:%20250px;%20height:%20250px;%20border:%20dashed%201px%20red;%3E%3C/div%3E?_=1681574731677". 

I hope that someone can laugh at me and tell me how to just load client side content without an AJAX call or an iFrame.

Thank you!

Martin
Telerik team
 answered on 19 Apr 2023
1 answer
51 views

As subject says, we load the combobox in a kendo window by demand.

Hence the combobox and window are not visible by default.

I wrote a short function to preselect either the entry with ID -1 if it exists - else I want the first entry to be displayed.

My problem is the dynamic loading of all that - my commands are executed in the databound event of the combobox - but it seems not to work as expected .. when I manually enter the needed command AFTER that kendo window with the combobox is displayed it works to a 'T' but not during regular execution ..

Can you give me some hints ?

 


                 onComboBoxDataBound: function (evt) {
                    var widget = evt.sender;
                    if (this.dataSource.total() > 0) {
                        // delete preselection then try to select entry with id -1
                        $('#modComboBox').data('kendoComboBox').input.select();
                        $('#modComboBox').data('kendoComboBox').input.val('');
                        $('#modComboBox').data('kendoComboBox').select(function (data) {
                            return data.id == -1;
                        });
                        // no selection then select first entry
                        if (widget.select() === -1) { // hint I found in stackoverflow
                            $('#modComboBox').data('kendoComboBox').select(0);
                        }
                    }
                },

I tried "waiting" for the kendo window to be displayed - but that waiting seems to interfere with normal code execution and prevents the "popup display" from being executed so the kendo window content is displayed behind other stuff 
Sven
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 18 Apr 2023
1 answer
252 views

Hi,

On the roadmap page there is a "Dock Manager Component" listed, but I don't see any information on this anywhere.

Anyone have more information or an ETA on this?

Thanks

Christopher

 

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?