Hi,
I want to be able to hide the category axis on a line chart that doesn't have any data. Please see the attached; as you can see, there are a lot of dates in the middle that don't have any data as there isn't a point plotted, yet the date is still shown in the category axis and there is space reserved for it in the actual graph.
This looks untidy so we need to be able to hide all of the dates that don't have any data/a point. So for example anything from the 9th of July to the 19th of August should be completely hidden from the chart. How can we achieve this?
The current code:
<code>
Html.Kendo().Chart(Model.OutletColdTemperatures)
.Name("OutletTemperatureMonitoringCold") // The name/ID.
.ChartArea(chartArea => chartArea.Background("#ADD8E6")) // Background colour.
.Title(title => title
.Text("Cold Temperatures") // Control the title at the top of the graph.
.Color("#2E5A78")
.Font("bold 24px Arial, Helvetica, sans-serif")
.Position(ChartTitlePosition.Top)
)
.DataSource(ds => ds
.Group(g => g.Add(d => d.SystemRef)) // This tells it to create a new/group each line by the System Ref.
.Sort(g => g.Add(d => d.SystemRef))
)
.SeriesDefaults(seriesDefaults => seriesDefaults
.Line().Style(ChartLineStyle.Smooth) // This controls the type of line shown.
)
.Series(series => series
.Line(value => value.Temp, date => date.Recorded) // This controls the line written out.
.Name("#: group.value #") // Control the value shown in the Key/Legend.
.Labels(labels => labels.Visible(false)) // Hide temperatures on the graph.
.MissingValues(ChartLineMissingValues.Interpolate) // Control how missing values are shown.
)
.CategoryAxis(axis => axis // This controls the category at the bottom. Currently shows the date.
.Title("Date")
.Type(ChartCategoryAxisType.Date)
.Categories(c => c.Recorded)
.Labels(labels => labels
.Rotation(-65) // Rotate the text around.
.Template("#: value.toLocaleDateString() #") // Format the date shown.
)
)
.ValueAxis(axis => axis // This controls the value at the left side. Currently shows the temperature.
.Numeric()
.Title("Temperature °C")
.PlotBands(p => p
.Add(10, 10.2, "#FF0000")
)
.Max(20) // Set the maximum value shown at the top of the graph.
)
.Legend(legend => legend // This controls the Key/Legend. Currently shows the Outlet System Ref.
.Visible(false)
.Position(ChartLegendPosition.Bottom)
.Labels(x => x.Font(font: "9px Arial, Helvetica, sans-serif").Template("#: text #"))
)
.Tooltip(tooltip => tooltip // Add a tooltip showing the Outlet details.
.Visible(true)
.Template(tooltipTemplate)
)
.Events(events => events
.DataBound("OnDataBound_OutletTemperatureMonitoring")
)
</code>
Any help would be appreciated. I think the same question has been answered here, however the response was a couple years ago: www.telerik.com/forums/hide-labels-on-date-axis-that-have-no-data#BFCuWHL3s0i8c7DX1uPcdw
Thanks
As pictured, I have 2 grids next to each other. On the left, I have a list of people who are in a group. On the right, I have a list of people who are not in the group but instead are candidates that could be added. I need to add people to the group by selecting one or multiple on the right grid then, on button press, all users should be should be added to the group. In the same way, those who are members of the group should be selectable in the same way and on button press, I should be able to remove all selected members.
Do you have a working example of this type of behavior? Where do I put the Add/Delete buttons? Must they be a custom button built into the grid or can they be separate from the grid? Must I perform a round-trip refresh after an Add/Delete action or can the control remain in play on the client?
Thanks in advance for your help,
Joel
Hello,
in my application I use a grid that works with client detail template via ClientDetailTemplateId property. In the client detail template I want to show a label with german umlauts like:
@Html.Label("olb_currentaccount_overdraftcommission", "Überziehungsprovision", new { @class = "detail-label" })Whenever there is a german umlaut in the label text I receive an invalid template exception. The raw HTML code looks like this:
<label class="detail-label" for="olb_currentaccount_overdraftcommission">&';220;berziehungsprovision</label>
Is there any way to use german umlauts for a HTML label in a client detail template?
Any help is appreciated.
Regards
Raphael
I'm tyring to customize the UI that appears when filtering a foriegn key column on the grid. It seems that when I specify a javascript function (like below) for customization as mentioned at the following url (https://demos.telerik.com/aspnet-mvc/grid/filter-menu-customization) it doesn't get called.
.Filterable(filterable => filterable.UI("customFilter"))
If I add the same lines to a non-foreign key column the function gets called.
Is there something different that needs to be done for Foreign Key Columns?
Hi All
I have an idea i want to create a web page with Tabstrip and Layout page will be tabstrip , when i select new page from menu it will create new Tab and show view inside that and if its created no need to destroy and create again?
Is it possible to do this with Kendo TabStrip ?
Thanks

Hi All,
Just wondering if kendo can have multifunction toolbar.
I know that its not out of the box but wanted to know if toolbar cable of
- Adding Field drowpdown with search
- breadcrumb based on dynamic filter set by user
- client can add as many condition as he want
Note that toolbar.ClientTemplate(@<text>html template here</text> is giving me error on my Razor page
Please see screenshot taken from SeviceNow
Thanks!
Ryan
I see the demo and the setup instructions make no sense to me because the JS that is checking existing theme goes as:
<script> $(document).ready(function () { // Initialize ripple container if (kendoTheme == "material-v2") { $(".row").kendoRippleContainer(); $(".demo-section").show(); } else { $(".demo-section").hide(); } });</script>
Now, I have just the kendo.material-v2.min.css referenced after bootstrap.css. I'm using the files that are installed and not the SCSS or nugets. What is kendoTheme variable? If my site has only the one css reference to kendo.material-v2.min.css (but also has reference to bootstrap v3.3.7 before) how do I setup the ripple site-wide? Do i need to get rid of old bootstrap? Do I need to use kendo's bootstrap (or common)?

We are using Gantt in our project, the added tasks are using a template and we noticed that when the task progress covers the delete task button and it is not clickable anymore.
The template is similar to the one below:
<script id="task-template" type="text/x-kendo-template"> <div class="template"> <div class="wrapper"> <strong class="title">#= title # </strong> <span class="resource">no resource assigned</span> </div> <div class="progress" style="width:#= (100 * parseFloat(percentComplete)) #%"> </div> </div></script>
I have tried to reproduce this issue in the Kendo Dojo and noticed that it is reproducible only when bootstrap 4 is used (for bootstrap 3 works fine). Here is the link to the kendo dojo where I was able to reproduce this issue: https://dojo.telerik.com/eyutamel
Please help me get the functionality for the delete (k-task-delete) on the task.
Thank you in advance!

Is there a way to SetWidth() on multiple column ranges at once? Kind of like below:
//get columns 0 to 2, 5 to 10 and 26 to 29 and set widthworksheet.Columns[0,2].Columns[5,10].Columns[26,29].SetWidth(new ColumnWidth(400, true));