Hi,
I think there is a bug on Gantt widget that occurs depending either on screen size/resolution or chrome zoom level.
I got bug reported on my module which uses gantt widget. Client reported that on some of their screens rows on the left side are misaligned with rows on timeline.
After investigation, I managed to reproduce issue by scaling zoom on Chrome, to 90%. (they have bigger and probably better screens than mine, so it wasn't shown on my system).
Same issue is reproducible on https://demos.telerik.com/kendo-ui/gantt/resources, if you resize gantt zoom to 90%. (I also attached image from demo)
I also looked though to find possible solution, and it seems that if we replace current fixed font-size: 14px, with font-size:1.5vh it seems to scale correctly.
Please could you take a look and suggest solution (I would prefer to avoid overriding native css of the widget).
Thank you and best regards,
Vedad
As posted on stack overflow ...
https://stackoverflow.com/questions/61956516/how-to-apply-complex-odata-filters-programatically-with-kendo-data-sources
I have a kendo data source that's bound an OData v4 endpoint.
I need to apply something like this filter to it ...
LINQ query:
ds.data().Where(i => i.References.Any(r => r.OfferLines.Any(l => l.OfferId == "myOfferId"))
OData query:
?$filter=References/any(r:r/OfferLines/any(l:l/OfferId eq 'myOfferId'))
How can i do this "after my grid has been initialised" programatically (with javascript)?

hello,
i used ddl with taghelper
<kendo-dropdownlist for="EmlakBinaBeyan.YeniBinaIndirimiUygulandiMi"
bind-to="Html.GetEnumSelectList(typeof(EvetHayirEnum))"
readonly="readonly"
class="form-control form-control-sm"
style="width:100%">
</kendo-dropdownlist>
this generate ID with comma.
<input data-val="true" data-val-required="The KisitlilikVarMi field is required." id="EmlakBinaBeyan.KisitlilikVarMi" name="EmlakBinaBeyan.KisitlilikVarMi" type="text" value="0" data-role="dropdownlist" style="display: none;">
but i used ddl with html helper, also same code
@(Html.Kendo().TextBoxFor(x => x.EmlakBinaBeyan.ArsaNetM2).HtmlAttributes(new { @class = "form-control form-control-sm text-lg-left text-muted", @readonly = "readonly" }))
this generate ID with underline
<input type="text" data-val="true" data-val-required="The KisitlilikVarMi field is required." id="EmlakBinaBeyan_KisitlilikVarMi" name="EmlakBinaBeyan.KisitlilikVarMi" value="Hayir" data-role="dropdownlist" style="display: none;">
so, same code tag helper and html helper generate different Id. I want take value with jquery selector, i cant take value with taghelper, but i can take value with html helper .
var dropdownlist22 = $("#EmlakBinaBeyan_KisitlilikVarMi").data("kendoDropDownList");
why generated different Id ?
Best Regards.
<script type="text/javascript"> $(document).ready(function () { $('#windows').css('z-index', 9000); $("#Payment").kendoWindow({ actions: [ "Maximize", "Minimize", "Close"], draggable: true, height: "600px", modal: false, resizable: true, title: "<%=ViewData("paymentenginetext")%><%= ViewData("invoicenr")%>", width: "810px" }); var kendoWindow = $("#Payment").data("kendoWindow"); kendoWindow.center(); }); </script>

Hi Admin,
Kendo release new wizard component, I have one question regarding this component.
How can i add tabstrip in wizard and also please let me know how can i validate both tabs with fields.

hi,
i would like to know whether the kendo scheduler consider/changes according to the browser language. If we change language in the browser does the scheduler changes its date format patterns ( ex: "mon 6/10" in week view header), timeslot labels (ex: "8.00 A.M.") and texts(ex: monday, tuesday, wednesday... on month view) according to the new language.


Previously, we used either <br> tags or <div> tags to make multi-line tooltips, to have like a title on the first line, then additional items below (see this Dojo targeting an older version of Kendo where it worked fine). Note that "Test" is correctly in italics and is a line down from the rest of the tooltip.
But if you change the Kendo version to a more recent version, like 2020.2.617 (see this Dojo), the "Test" text is now beside the other text, not below as it should be.
I did notice that there is now a CSS rule for .k-tooltip that sets display: inline-flex, where there used to be no setting of the display attribute, and therefore the .k-tooltip element used to be the default of block.
Why did this change to "inline-flex" happen? And to get back previous behavior, do I really need to override .k-tooltip display back to block? What ramifications will that have?