My requirement is to create a diagram which is using different widgets to child and parent nodes. Is there a way to use two or more different custom templates for parent and its child nodes. Please see the image below that is something I want to create

Hi Team,

I would like to get selected text along with html tags but getting only plain text by using

editor.getSelection() or editor.getRange() methods. Please help me to get html selected text 

Hi all,

I have a JSON tree with 3 levels of depth that I want to transform into a TreeView with checkboxes. This tree is sent by a server and the nodes contain certain metadata that will help me to format the output. More specifically, if a node has "isshop" to 1, or "isshop" is 0 but "_chn" is 1, then I have to include it. If the node is not a shop and has no children I should not output it.

The issue is that using templates the most I have been able to reach is having gaps in the view where the filtered nodes should have been without applying conditions. Here is my template:

<script id="tvCentrosTmpl" type="text/kendo-ui-template">
    # if (item.isshop == 1 || (item.isshop == 0 && item._chn)) { #
        <div class="spnNameCentro" data-idmodel="#:item.id#" data-uid="#:item.uid#" data-type="#:item.type#" data-isshop="#:item.isshop#">#:item.name#</div>
    # } #
</script>

And in the checkboxes definition I am using this:

template: function(data){
    if (data.item.isshop == 1 || (data.item.isshop == 0 && data.item._chn))
    {
        return '<input type="checkbox" class="chkParams" data-id="' + data.item.id + '" data-isshop="' + data.item.isshop + '" onclick="srcInhibMasivas.chkCenter_click(this);" />'
    }
    return '';
}

Here is an example output where "Z03" has no children and is not a shop:

Is there any way to leave the undesired nodes out without having to traverse and process the JSON client-side?

Thank you very much, best regards.

Hi,

I am using kendo popover to display some dynamic messages in my app.

I show kendo popover based on my local event and display message. I want it to stay visible until user specifically uses "close" action button within the popover.

However, whatever I do, the moment user clicks outside popover, it is closed. 

My page consists from header bar (not visible or same for pages), and I want to "anchor" my popover to it. So, when it's there, popover should appear and remain visible. 

For obvious reasons, I can't make my whole page to be container, because it makes no sense.

I tried preventing default on hide event, but result is the same.

Please could you tell me how to do this? I easily achieved this on popover for angular.

Thank you in advance.

Regards,

Vedad

Hi,

I have a licensed kendo 2019 version in my application. Since Kendo provides individual scripts to include rather than the entire library ,I have the required  Chart Scripts in my ASP.NET MVC application.

I have upgraded the version from 2019 to the latest 2023.1.314. The 2023 upgrade includes a lot of breaking changes that includes a bunch of individual .js files. In summary, now it only needs to have:

• Theme based css (default-main.css)
• Jquery (The current version in my application is 3.6.4)
• kendo.all.min.js

Including the above 3 works as expected. However ,when using just the individual scripts for charts rather than the whole set of library which is a huge file, the kendo.drawing.js file breaks .Attachment includes the snapshot for the error.

So the question is, with the 2023 upgrade, Do I have to use kendo.all.min.js rather than using the individual scripts for just the components I have?

As recently as version 2022.3.1109, I could set a grid column attribute (e.g. class) to a template and easily get conditional formatting like different cell background colors depending on value:

    columns: [
                    { field: "OrderDate", title: "Order Date", format: "{0:MM/dd/yyyy}" },
                    { field: "Freight",  
                      attributes: { 
                                    class: "#: ClassFromFreight(data.Freight) #" 
                                  } 
                    }      

DEMO

Since 2023.1.117, this no longer seems to work. Was this an intentional change? Is there another way to do this now?

DEMO with 2023.1.314

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/checkboxes/ (looking to implement something like this but with Kendo UI for jQuery)

I am looking to implement a multi-select with checkboxes. I found kendo provides an option for Angular, but I am looking to see if this is provided with Kendo UI for jQuery, if so, any documentation I can look into?

I am also looking to add, a Select All checkbox which will select all options if checked, if unchecked, need to unselect all the options. Is there any built-in functionality to achieve this?