Hi,
If my chart has only a line series, then the category axis labels align with the line values. But if i add an area series too, then the labels align with the area values instead of the line values.
Is it possible to have both, a line and an area series, but to keep the category axis labels aligned with the line values? (in the images, the grey area has 2 values: 0, 0)
@(Html.Kendo().Chart() .Name("graph") .Title("") .Legend(legend => legend.Visible(false)) .Series(series => { //light grey area series.Area(Model.Model.GreyAreaValues).Name("GreyArea").Color("#F2F2F2").Opacity(1).Line(l => { l.Color("#F2F2F2"); l.Style(ChartAreaStyle.Step); l.Width(4); }).Axis("valuesAxis").Markers(false); //blue line series.Line(Model.Model.BlueLineValues).Name("BlueLine").Color("#3399FF").Width(4).DashType(ChartDashType.Solid).Markers(false).Style(ChartLineStyle.Step); }) .CategoryAxis(axis => axis.Name("categoryAxis") .Categories(Model.Model.CategoryValues) .MajorGridLines(lines => lines.Visible(false)) .Labels(l => l.Format(CateGoryLabel) .Margin(1)).Justify(true) .Labels(l => l.Font("'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans - serif")) ) .ValueAxis(axis => axis .Numeric("valuesAxis") .Labels(labels => labels.Format("{0:C}")) .Labels(l => l.Font("'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans - serif")) .AxisCrossingValue(-10) .MinorGridLines(l => l.Visible(false)) .MajorGridLines(l => l.Visible(false)) ) .Tooltip(tooltip => tooltip .Visible(true) .Format("{0}%") .Template("#= kendo.toString(value, \"c\") #") )
Thank you in advance!
Hi,
in my scenario I have two different y-Axes. As you can see on the screenshot below the 0 point of the axes are not on the same height. Is there any possibility to modify they-axes, so the 0 point of the y axes are on the same height?
Thanks and best regards
Daniel
I want to load tabstrip when the tab is clicked only. It would work if I put contentUrls in "document ready function". But when I put url in <div class k-content-url=...> with angularjs, it will load all the tab content together.
How can I use angularjs inside tabstrip but load the tab content on demand only? Thanks.
No angularjs, but each tab load on demand:
$(document).ready(function () {
var ts = $("#tabstrip").kendoTabStrip({
animation: { open: { effects: "fadeIn" } },
contentUrls: [
'clientApp/views/admin/access.html',
'clientApp/views/admin/facility.html',
angularjs but all tab content load immediately
<div class="col-md-9 addpadding" kendo-tab-strip k-content-urls="[ null, null, null]">
<ul>
<li class="k-state-active">Basic Info</li>
<li>another tab2</li>
<li>another tab3</li>
</ul>
<div style="padding: 1em" data-ng-class="{inactivePink: staff.Inactive}">
<div data-ng-include="'/clientApp/staff/partial/basicinfo.html'"></div>
</div>
<div style="padding: 1em">
<div data-ng-include="'/clientApp/staff/partial/anothertab2.html'"></div>
</div>
</div>
{ command: [{ name: "edit", text: "", width: 30 }], title: " ", width: 55 },I am using a DropDownList with Kendo Mobile, and would like to override the mobile style when clicking the control.
Now it get's style as the image to the left (mobile style), but I'd prefer the standard kendo style (right)
I have a column on a grid that is a boolean value. The user has three filter choices; True, False or Show All (i.e. no filter). Because the column is boolean
filter({ field: "fieldName", operator: "startswith",value: "" })
raises an exception. The boolean column won't accept a string in the filter on the server (uses Ajax).
How can the filter for the column be 'reset' (there may be other columns filtered, so any other filters are still needed)?

Hi,
So to expand on my title a bit, I have a grid that displays columns (for example): From address, to Address, cc Address and Subject. And then in a 'detailTemplate' I'd like to display the 'message'. I'd like to use Inline editing to add/edit records if its possible.
Which is why Im here, Is it possible to use inline editing to set/edit an attribute that isnt actually displayed in the grid, or is this something thats outside the scope of the inline edit functionality?
Thanks,
Grant

Hi,
I dont know much about inline editing so Im a little lost with this error, but whenever I try to add a new row, an error is thrown in the console. However if I edit, no error is thrown.
Dojo Example: http://dojo.telerik.com/OPEXO
There isnt much functionality at this stage as I just started when this came up.
Any advice would be appreciated.
Thanks,
Grant

I have a problem with the tooltip validation appearing in front of some elements and behind others (e.g. input kendo-numeric-text-box). When I look at the CSS for the span that holds the tooltip it has a z-index of 9999 which looks good, but then it has position:static . From what I've read around the internet e.g. https://css-tricks.com/almanac/properties/p/position/
z-index only works when the position is not static. Indeed if I add
span .k-tooltip-validation { position: relative;}
then it appears in front of the numeric text box. Why is relative not the default setting for the tooltip?
Thanks
Try to select item with keyboard, then remove it and select another one. See http://dojo.telerik.com/ixowO/2