How to stretch the entire height of the chart ?(adaptive-height)
help please
Hi,
I am using tabstrip to load content from different partial views. I am doing it as below:
@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Items(tabstrip =>
{
tabstrip.Add().Text("Tab1");
tabstrip.Add().Text("Tab2");
})
.ItemAction(item=>
{
if(.....)
{
item.Selected = true;
item.Html = Html.Partial("Tab1").ToString();
}
else if(....)
{
item.Selected = true;
item.Html = Html.Partial("Tab2").ToString();
}
})
)
When I do it without specifying if/else's, I am having issues loading the partial views. Each partial view is having kendo editor and in the editor we have some content and url's. Without using if/else, when I load the tabs by rendering the partials, the partial that is rendered first is loaded without issues. But the partial that is rendered after loading the first partial, does not load the 2nd partial correctly. It has issues like, url's are not clickable inside of the editor and even the editor is behaving unexpectedly.
Going through the threads in this forum, gave me the idea of using if/else and I thought that might be helpful. But, I am not sure how to specify the condition in there to know which tab is clicked.
I tried using condition like if(item.Text.Equals("Tab1"), but this is of no use. I am getting same error again.
Please help!
Thanks.


I am using the grid with a details template.The data is remote and the data set is large. The method that populates the grid is only going to give me a subset of that data. Upon expansion, I want to query for the full data for each particular record. The schema stays the same. This is what I have so far in the detailInit function.
function detailInit(e) { var detailRow = e.detailRow; var defaultData = e.data; $.ajax({ type: "GET", url: urlBase + "candidatesearch/" + e.data.CandidateId, contentType: 'application/json', dataType: 'json', success: function (data) { kendo.bind(detailRow, data); detailRow.find(".tabstrip").kendoTabStrip({ animation: { open: { effects: "fadeIn" } } }); }, });}
Thank you in advance for your help.
I am having trouble with the filter row example from your demos for the kendo ui grid. My code looks similar to what you guys are showing but I get an error when I run my site. The code I am using is shown below:
However, when I run this I get an error saying "Cannot convert lambda expression to type "bool" because it is not a delegate type. This happens on line
columns.Bound(p => p.Name).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains")));
What am I missing?
@(Html.Kendo().Grid<MyViewModel>() .Name("MyGrid") .DataSource(dataSource => dataSource .Ajax() .Read(read => { read.Action("GetResults", "MyController"); }) .PageSize(10) .ServerOperation(true) ) .Columns(columns => { columns.Bound(p => p.Name).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains"))); columns.Command(command => command.Custom("Report").Click("showDetails")); }) .Filterable(ftb => ftb.Mode(GridFilterMode.Row)) .Sortable() .Pageable() .Selectable(s => s.Mode(GridSelectionMode.Single)))How would I set up a filter that looked for null values in a numberic field?
filter currently looks like this:
'$and': [
{ 'CompanyId': null },
{ 'IsActive': true }
]
If I look for a value in CompanyId it works, but trying find items with null values (or "Not set") finds nothing.
I have requirement where application has to support the following formats, but DatePicker is not supporting the formats.
$("#sampleDate").kendoDatePicker({
format: "MM/dd/yyyy",
parseFormats: ["Mddyyyy", "Mddyy", "MM/dd/00y", "MM/d/00y", "M/dd/00y", "M/d/00y"]
});​
Can someone help with this!
Thanks,
Nishad
Background image wont export from Kendo.
Is there a way to get the background image to export to the png file.
I am not clear why the background image won't export.
Dojo is here: http://dojo.telerik.com/@jcbowyer/exuZi
<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>Kendo UI Snippet - Background Image won't export</title> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.common.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.rtl.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.silver.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.112/styles/kendo.mobile.all.min.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script></head><body> <div class="content" style="background: #ffffff;background-image:url(https://static.pexels.com/photos/17666/pexels-photo-large.jpg)"> <p>Lorem Ãpsum dolor sit amét, pro éu facilis vulputáte témporibus. Eu méi modus requé. Unum gloriátur has et. Modo stet vix ei, apéirian iñsolens plátoñem has ex. Cum eà oporteat inÃmicus, prà soluta torquatos témporibus éu.</p> <p>Ut eos assúm mazim vócent, cu glorÃatur expetéñdis pro. Héñdrerit ádversarium reprehendunt eos ad, dúo an noster feugiat cotidieque. Vocent erroribus repudiáre ad meÃ. Oratio soluta eripuit sed éx. Vis et meliore appellañtur, át has discere convenire ocurreret. Eos at mazim melius aliquip, aperiam alterum commuñé pro id, zril soluta efficiantur in sit. Duis mundi duo ex, pér offendit probatus suavÃtate iñ.</p> <p>Nec id fácilis similique, audiam moderatius ad eum. Persecuti liberavisse eum ex. Qui anÃmal audiré et, éum vitae coñsul dolorum eu, Ãn sed partem antÃopam. VelÃt suscipit te usu. Mea ea melius scripta.</p> <p>Illum delenit neglegentúr te cum, in errór inimicus disseñtias mel, placérat ocurreret ea vix. Vix ea latine voluptatum. Cúm eu albucius democritum coñsetetur, vix eu dicat deleniti, omñes Ãnimicus nám no. Nihil molestiae vel ex.</p> <p>Eú ñominavi placerat his, eu vix timeam qualisque. PrÃma recusabo torquatós eos ad, Ãn meà próbo aequé. Ex ñoñumy vóluptua accommodare seá, sit át sanctus detráxit, Ãn eos case probatus tractatos. Id sit nihÃl coñtentÃones, ñec ut audiré elaboraret, quo alia ferri múñere ét.</p></div><script> var draw = kendo.drawing; var geom = kendo.geometry; var contentSize = new geom.Rect([0, 0], [800, 600]); var imageSize = new geom.Rect([0, 0], [1200, 800]); draw.drawDOM($(".content")).then(function (group) { // export the image and crop it for our desired size return draw.exportImage(group, { cors: "anonymous" }); }) .done(function(data) { kendo.saveAs({ dataURI: data, fileName: "frame.png" }); });</script></body></html>