Hi, 

I am creating a detail grid inside a parent grid using kendo UI grid's detail-init property. The Detail grid uses share the same column names of that parent.

On initial load, the detail grid columns widths are same as the parent grid's. When i resize the parent grid column, the  detail grid's column width is not changing accordingly.

How do i set the  detail grid's column width to match of the parent grid column on resize?

So I'm trying this software out as an alternative to Google GeoCharts. I'm ultimately going to be creating an interactive choropleth, but right now I'm just seeing if this will work in Angular 6. I did the npm install, and then in my component I import * as kendo from "@telerik/kendo-intl". (Note that it would be great if you guys supported something other than AngularJS.) 

OnInit I'm calling the function below, but all I get is an error that 'Property 'kendoMap' does not exist on type 'JQuery<HTMLElement>'.

Do I need to actually download the Kendo for jQuery and include everything in my project for this to work? I assumed the npm install would have what I needed.

Anyway, appreciate the help.

createMap() {
    $("#map").kendoMap({
      center: [30.268107, -97.744821],
      zoom: 3,
      layers: [
        {
          type: "tile",
          urlTemplate:
            "http://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
          subdomains: ["a", "b", "c"],
          attribution:
            "&copy; <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>"
        }
      ],
      markers: [
        {
          location: [30.268107, -97.744821],
          shape: "pinTarget",
          tooltip: {
            content: "Austin, TX"
          }
        }
      ]
    });
  }

Hi- I came across knowledge base article (https://docs.telerik.com/kendo-ui/knowledge-base/grid-different-editor-based-on-column-value). I'm looking for same functionality to implement in my project. I have master Detail grid with Inline Add, Edit and delete functionality. I'm looking for different editor base column in detail section of grid. User will select AttributeName  and depending upon type of AttributeName, value column editor will get change run time. User can also ADD, EDIT and DELETE rows. Attach Screen Shot

Any sample code, ideas and/or thoughts would be great and most appreciated!

Functionality :-

1) Master Detail Grid

2) Inline editable (Add, Edit and delete)

3) different editor base column in detail section of grid

Data Example:-

var Data = [
    {
        "LR_Name": 'Long Term',
        "LRVR_Opt_To_Decline": 'Y',
        "LRVR_Required": 'Y',
        "LPVR_Active": 'Y',
        "Attributes": {
            "Attribute": [
                {
                    "Name": "ABR Duration",
                    "Value": "2",
                    "Type": 'dropdown'

                },
                {
                    
                    "Name": "EBR Duration",
                    "Value": "2",
                    "Type": 'Number'
                    
                }
            ]

        }
    },
    {
        "LR_Name": 'LTCR',
        "LRVR_Opt_To_Decline": 'Y',
        "LRVR_Required": 'N',
        "LPVR_Active": 'N',
        "Attributes": {
            "Attribute": [
                {
                    "Name": "LTCR Supp Date",
                    "Value": "01-01-2018",
                    "Type": 'date'

                },
                {
                    
                    "Name": "LTCR Supp Amount",
                    "Value": "2500",
                    "Type": 'Currency'
                }
            ]

        }
    },
    {
        "LR_Name": 'Extended Benefit',
        "LRVR_Opt_To_Decline": 'Y',
        "LRVR_Required": 'N',
        "LPVR_Active": 'N',
        "Attributes": {
            "Attribute": [
                {
                   
                    "Name": "Benefit Type",
                    "Value": "5% Simple",
                    "Type": 'String'

                },
                {
                    
                    "Name": "Benefit",
                    "Value": "10% Simple",
                    "Type": 'String'
                }
            ]

        }
    }
];

I read several post, but I can't find the way to correctly use french/english string in my template without crashing the templete with the # caracter.

see this part of a template:

I try with #=Html.Kendo().TemplateEncode(@Resources.PortailGES.Aime)# but that not work

The string Ressource.PortailGES.Aime contain "J'aime" in french rendered in the template like: J&#39;aime the crash the template.

Thanks for your help.

I've looked at all the examples and all the code I could find on integrating the code into this page.  It's eluding me.

So, here’s the deal.  I’ve got a project that I’m pulling from the DB for data into a custom API.  Trying to load it.

I’ve set up, via the instructions found online, the jQuery HTML Editor in a textarea. 

I can’t get the text to update for anything. 

I do it as a text area without the Kendo controls, it updates all day long.  As soon as I update it with being a textarea that’s controlled by Kendo, it will not update.  I look at the object, and the html and the value are set properly on the object, but the screen shows nothing.  No update.

I'm trying to get it so that if we have an article for display having text data, I pre-load the data into the Editor.  

It is storing the data as raw HTML in the DB.  (Or at least that's my plan, but if it doesn't work, then let me know and I will adjust accordingly.)

In the admin-article.component.html file, I've got the following (the rest is irrelevant code above)

     </div>
    </div>
    <textarea kendo-editor id="editor" #editor aria-label="editor" rows="30" cols="168" style="height:640px;">121345</textarea>
  </div>
</div>

In the admin-article.component.ts file, I've got the following (again shortened for brevity)

  @ViewChild('editor') editorElement: ElementRef;

  ngAfterViewInit() {
    console.log("Editor", this.editorElement)
    kendo.jQuery(this.editorElement.nativeElement)
      .kendoEditor(
        {
          resizable: {
            content: true,
            toolbar: true
          },
          
      });
    console.log("Value", this.editorElement.nativeElement.value)
  }

  ngOnDestroy(): void {
    kendo.destroy(this.editorElement.nativeElement);
  }
  getSelectedSection(section: any): void {
    this.selectedSection = section;
    console.log("Section Selected", section);
    //turn on the selection for the articles as well as the editor and the text boxes and radio buttons for other fields.  Select "Create New Article" and clear all fields.
    this.loadArticles(); 
    
  }
  getSelectedArticle(article: any): void {
    console.log("Article Selected", article)
    this.service['article-id'].get({
      params: {
        article_id: article
      }
    }).subscribe(
      data => {
        (this.selectedArticle = data)

      },
      error => console.error(error),
      () => {
        console.log("Selected Article", this.selectedArticle)
        console.log("Editor", this.editorElement)
        
        this.articleTitle = this.selectedArticle["articleTitle"]
        this.articleSubheader = this.selectedArticle["subHeader"]
        this.articleUrl = this.selectedArticle["destinationURL"]
        this.articleImage = this.selectedArticle["imageInfo"]
        this.editorText = this.selectedArticle["articleText"]
        this.editorElement.nativeElement.innerHTML = this.editorText
        this.editorElement.nativeElement.value = this.editorText
        console.log("Article Text", this.editorText)
      })
    
  }

Any assistance would be absolutely appreciated.  I've tried to get this working.  Our UI guy quit 4 weeks ago, and I'm doing double-duty.

I am using editor and template to display column as text.  But the actual values of the column is integer.  When doing filter on this column, I want to use text.

I am using the Grid Filtering with Dynamic Default Values to achieve that.  But I want the operators only show "Starts with", not "equal to" and only 1 operator (no need for "AND".  How can I achieve that?

var divData = [{ "value": 1, "text": "Owned" }, { "value": 2, "text": "Managed" }];

{ field: "DivisionID", title: "Division", values: divData, attributes: { style: "text-align:left" }, width: "150px", editor: divDropDownEditor, template: "#=getDivName(DivisionID)#" },

Thanks.

Does anyone know where I can find info about the licensing of Kendo.DynamicLinq - https://github.com/kendo-labs/dlinq-helpers ?

There is nothing in the repo about the license. I found a few posts that mention it is an open-source community contributed component, but for auditing purposes I need something a bit more official.

Some of the Kendo-Labs projects do have licencing details, eg. https://github.com/kendo-labs/kendo-ui-forms, but not dlinq-helpers :(

I am using a set of nested grids, using the detail system, and using one object. 

Object example:

{

Property 1

Property 2

Children{

     object{

          property 1

     }

      }

}

I have issue that sortable compare is not being run during first load, even if I have defined sort column.

This is the example:

https://dojo.telerik.com/oFoWIcAt

It is not using my comparable function and using alphabetical ordering.