Hello,

I use the following Code to create a Kendo window dynamical to load a partial view - after closing the window I call the destroy method
to remove the window and it Content from the DOM.

But there is a Performance Problem if I open the window in a view with a Kendo grid with more then 500 rows - it seems that to use the destroy() in the deactivate Event of the window becomes slower and slower the more rows in the grid exists...

I have attached a Picture from the Chrome performance analyser - it seems there is a "Recalculate Style" in Kendo.all.js which is called often...

robert

How do I debug a source binding that isn't working?

I know i have an ObservableArray that I know exists and has data because if I for loop over it then data shows up

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

 # for(var i=0; i < Waypoints.length; i++){ #
            <div style="color:#:Waypoints[i].FontColor #;margin-bottom:10px;background-color:#:Waypoints[i].BackgroundColor #">
                <div>
                    <div>#= Waypoints[i].description #</div>
                </div>
            </div>
            # } #

//But if I try to use a template for the array then it doesn't work

<script id="tripEventTemplate" type="text/x-kendo-template">
            <div data-template="tripWaypointCalendarTemplate"
                 data-bind="source: Waypoints">
            </div>

<script id="tripWaypointCalendarTemplate" type="text/x-kendo-template">
        <div style="color:#:FontColor #;margin-bottom:10px;background-color:#:BackgroundColor #">
            <div>
                <div>#:description #</div>
            </div>
        </div>
    </script>

Hi.

I have a problem: tooltip's background color in charts was missing. I tried to fix this but one color for all tooltip bg does not suit. It is necessary that backgorund color coincides with the color of the graphic

Can you tell me please how to fix this?

Hello All,

I have a Kendo Grid that has a Kendo upload inside of a column. I am currently getting the byte array of an image uploaded thru the Kendo Upload control but having difficulty passing that back to the Kendo Gird so it can add it to its model and  call then .Update method from its controller once the update button from the Kendo Grid is pressed.

My Editor template is returning a byte array I am having trouble getting the Kendo grid to recieve this data and add it to its model before it calls the .Update Method from my controller... Currently the grid calls .Update but the field where the byte[] should be set to is null. 

Please let me know if I should attach more code and how I can resolve this issue, Thanks In advance!

Grid 

EditorTemplate:

SaveImageFunction:

Hi there,

I'm having trouble with a Kendo grid resizing.  Basically, the content is extending beyond the width of my table, when the content should be wrapping instead.  I've added a screenshot to try and display the issue - the 'Description' column should be wrapping but instead isn't and the table content therefore is going beyond the width of the div the table sits in.  Furthermore, using the debug tools in Chrome shows that the table itself is positioned correctly, but it's the th and td cells which are displaying outside of the table area (hopefully the screenshot demonstrates that too).  The code I am using in my view is fairly basic :-

Html.Kendo().Grid((IEnumerable<TEAMSPortalV2.Models.SampleComputedDataViewModel>)ViewData["samples"]) // Bind the grid to the Model property of the view
            .Name("ItemsByRiskSamples")
            .Sortable()
            .Columns(columns =>
            {
                columns.Bound(s => s.BuildingDesignation).Title("Building");
                columns.Bound(s => s.FloorNoConverted).Title("Floor");
                columns.Bound(s => s.RoomDescription).Title("Room");
                columns.Bound(s => s.RegisterItemNo).Title("Item No.");
                columns.Bound(s => s.SampleRef).Title("Sample Ref.").Width(40);
                columns.Bound(s => s.SourceDescription).Title("Description");
                columns.Bound(s => s.AsbestosType);
                columns.Bound(s => s.MaterialAssessmentScoreString).Title("MA Score").Width(40);
                columns.Bound(s => s.PriorityAssessmentScore).Title("PA Score").Width(40);
                columns.Bound(s => s.RiskScore).ClientTemplate("<span bgcol='#= RiskScoreGroupColour#'>#= RiskScoreString#</span>").Width(40);
                columns.Bound(s => s.RecommendedAction).Title("Rec. Action").ClientTemplate("<span bgcol='#= RecommendedActionColour#'>#= RecommendedAction#</span>");
            })
            .DataSource(dataSource => dataSource
                .Ajax()
                .ServerOperation(false)
            )
            .Events(e => e.DataBound("itemBackColours"))

I've played around with it and by adding a width property to other columns sometimes rectifies the problem (but not always at smaller resolutions) seemingly randomly.  That said, I don't want to specify column widths - I'd rather let the browser display the content as efficiently as possible as per normal HTML table behaviour.  I also noticed that at wider resolutions it often seems to snap into the correct widths - which seems to suggest thast Bootstrap is involved somehow (my site has got Bootstrap installed).

Please could you assist and give me some suggestions of what I can try to rectify this issue.

Thanks, Mark

Hello,

I'm looking for a way to change the text of a toolbar button. I was hoping the following would work:

Unfortunately, that also replaces the ImageUrl. Can you please tell me a supported way of changing the text?