Hi!

I'm using the TileLayout which needs BodyTemplateId to Render. Inside my assigned BodyTemplateId I have this code below which works if the data from Address does not contain a hash (#) character. Say, the Address from the database is "UNIT #1 ABC BLDG" will not render the TextArea.

Code:

<script id="address-template" type="text/x-kendo-template">

      <div class="row">

           <div class="text-left col-md-1">

                 @Html.LabelFor(m => m.CompleteAddress, "Address")
        </div>
        <div class="col-md-5">
              @(Html.Kendo().TextAreaFor(m => m.CompleteAddress).Rows(2)
                .Readonly(true)
                .ToClientTemplate()
              )
        </div>

      </div>

</script>

 @(Html.Kendo().TileLayout()
        .Name("TileLayout")
        .Columns(4)
        .RowsHeight("20px")        
        .Containers(c =>
        {
            c.Add().BodyTemplateId("address-template").ColSpan(4).RowSpan(6);
        })        
    )

What to do?

Thanks!

RGA

HI Telerik Team,

We have an application in which we are using KendoMVC UI Components, previously we had used 2016.1.226 now we need to upgrade the Kendo version to 2020.3118

We tried to upgrade the version, but there is inconsistency in the UI. Please find below image for reference

This image is of 2016 Kendo Build

and

This image is of 2020 Build 

As per our requirement we need same CSS which we had seen in 2016 version for version 2020 as well, Please let us know any file we need to add.

TextArea control does not take enter & show it properly in Google chrome, Mozila & Edge browser. It works properly only in IE. 

Can you please help us how it can work same for all the browsers.