Every time the chart is drawn the background is set to gray. No matter if the theme is specified or not or if the chart area background is set to "", "transparent" or any color, or not at all.
You can see a blank chart with the correct background color prior to the read occurring and the chart being redrawn with the appropriate data. Each path element in the SVG has a stroke color set to "#dfdfdf"
Here is the code:
@(Html.Kendo( ).Chart<ViewModels.HistoryChartModel>( )
.Name( "chart" )
.ChartArea(c=>c.Width(800).Height(600))
.DataSource( dataSource => dataSource
.Read( read => read.Action( "Series", "Home" ) )
.Group( group => group.Add( model => model.BasinName ) )
.Sort( sort => sort.Add( model => model.ReadingDateTime ).Descending( ))
)
.Series( series => {series.Line( model => model.LevelReading ).Name( "#= group.value # " ).Markers(false);} )
.Legend( legend => legend.Position( ChartLegendPosition.Bottom ))
.ValueAxis( a => a.Numeric( ).Min( 3 ).Max(10).MinorTicks(mt=>mt.Visible(false)).MajorUnit(.5) )
)
public JsonResult GetCustomers() { return Json(CustomerRepository.Repository.Customers, JsonRequestBehavior.AllowGet); } public JsonResult GetVendors(int customerId,int customerId2) { return Json(VendorRepository.Repository.GetVendorsByCustomer(customerId), JsonRequestBehavior.AllowGet); }function filterVendors() { return { customerId: $("#CustomerId").data("kendoAutoComplete").value(), customerId2: $("#CustomerId").data("kendoAutoComplete").value(), };}function filterProducts() { return { vendorId: $("#VendorId").data("kendoDropDownList").value() };}
<dl> <dt> @Html.LabelFor(m => m.CustomerId): </dt> <dd> @(Html.Kendo().AutoCompleteFor(m => m.CustomerId).Name("CustomerId") .ValuePrimitive(true) .DataTextField("CustomerId") .DataSource(dataSource => { dataSource.Read(read => read.Action("GetCustomers", "Home")) .ServerFiltering(true); }) ) @Html.ValidationMessageFor(m => m.CustomerId) </dd></dl><dl> <dt> @Html.LabelFor(m => m.VendorId): </dt> <dd> @(Html.Kendo().DropDownListFor(m => m.VendorId) .AutoBind(false) .ValuePrimitive(true) .OptionLabel("Select Vendor...") .DataTextField("VendorName") .DataValueField("VendorId") .DataSource(dataSource => { dataSource.Read(read => read.Action("GetVendors", "Home").Data("filterVendors")) .ServerFiltering(true); }) .CascadeFrom("CustomerId") ) @Html.ValidationMessageFor(m => m.VendorId) </dd></dl>Can I give a dropdownlist's CascadeFrom parameter a AutoComplete? I have tried it but it didn't work.
public JsonResult GetCustomers() { return Json(CustomerRepository.Repository.Customers, JsonRequestBehavior.AllowGet); } public JsonResult GetVendors(int customerId,int customerId2) { return Json(VendorRepository.Repository.GetVendorsByCustomer(customerId), JsonRequestBehavior.AllowGet); }
function filterVendors() { return { customerId: $("#CustomerId").data("kendoAutoComplete").value(), customerId2: $("#CustomerId").data("kendoAutoComplete").value(), };}function filterProducts() { return { vendorId: $("#VendorId").data("kendoDropDownList").value() };}
<dl> <dt> @Html.LabelFor(m => m.CustomerId): </dt> <dd> @(Html.Kendo().AutoCompleteFor(m => m.CustomerId).Name("CustomerId") .ValuePrimitive(true) .DataTextField("CustomerId") .DataSource(dataSource => { dataSource.Read(read => read.Action("GetCustomers", "Home")) .ServerFiltering(true); }) ) @Html.ValidationMessageFor(m => m.CustomerId) </dd></dl><dl> <dt> @Html.LabelFor(m => m.VendorId): </dt> <dd> @(Html.Kendo().DropDownListFor(m => m.VendorId) .AutoBind(false) .ValuePrimitive(true) .OptionLabel("Select Vendor...") .DataTextField("VendorName") .DataValueField("VendorId") .DataSource(dataSource => { dataSource.Read(read => read.Action("GetVendors", "Home").Data("filterVendors")) .ServerFiltering(true); }) .CascadeFrom("CustomerId") ) @Html.ValidationMessageFor(m => m.VendorId) </dd></dl>I have a Razor for that has several Autocomplete fields on it.
Some of these fields are required, some are not required.
I need to show the required fields in a red border and a blue background, while non-required fields are white, with a blue border.
My css works for a regular text field, but i cannot figure out how to make it work for an autocomplete field.
How would I do that? I have tried " .HtmlAttributes(new { @class="rsireqtext",style = "width: 99%;" }) " in the autocomplete (rsireqtext is my 'required' styling),
but that doesn't do it.
Any ideas?
TIA,
Bob Mathis

Using Kendo UI for ASP.NET MVC, I am creating and passing in a Model that contains a collection of objects (called ChartSeries) that has fields for Color, SeriesName, and a collection of a second class (ChartSeriesValue) which contains fields Value, Date. I am trying to create a line chart using this local data with a dynamic number of series. Using a foreach statement, I can get the different series values plotted, but am unable to get the Dates to display using CategoryAxis. Will I have to go the route of using DataSource to group the flattened data, or is it possible to accomplish this using localdata?
Here are the chart-related classes I am using:
public class ChartSeries { public string SeriesName { get; set; } public string ValueType { get; set; } public string HexColor { get; set; } public IList<ChartSeriesValue> ChartSeriesValues { get; set; } }public class ChartSeriesValue { public decimal? Value { get; set; } public DateTime Effective { get; set; } }
Thus far, I have been able to get either the lines with proper values, or just the X-Axis date labels to display, but not both. Here's my current attempt that displays proper line series data without X-Axis labels:
@(Html.Kendo().Chart<ChartSeriesValue>() .Name("myChart_" + Model.MyChart.Id) .Title(Model.MyChart.Name) .Legend(legend => legend .Position(ChartLegendPosition.Bottom) ) .ChartArea(chartArea => chartArea .Background("transparent") .Width(250) .Height(250) ) .SeriesDefaults(seriesDefaults => seriesDefaults.Line().Style(ChartLineStyle.Smooth) ) .Series(series => { if (!Model.ChartSeriesList.IsNullOrEmpty()) { foreach (var metSeries in Model.ChartSeriesList) { if (!metSeries.ChartSeriesValues.IsNullOrEmpty()) { series.Line(metSeries.ChartSeriesValues) .Field("Value") .Name(metSeries.SeriesName) .Color(metSeries.HexColor); } } } }) .CategoryAxis(axis => axis .Categories(x => x.Effective.Date) .Name("Effective Date") //.Name("Effective") //.MajorGridLines(lines => lines.Visible(true)) //.Date().BaseUnit(ChartAxisBaseUnit.Months) .Labels(labels => labels.Visible(true)) .Color("Red")//.Rotation(-60)) //.Type(ChartCategoryAxisType.Date) ) ))
Please let me know if you need further clarification. Thanks!
I have a very simple grid. For this grid only is there a way to disable the row hover highlight? I want it everwhere else, just not for this grid.
@(Html.Kendo().Grid<SalesRepSummaryItem>()
.Name("grid")
.NoRecords()
.Sortable()
.Columns(columns =>
{
columns.Bound(c => c.SalesRepFullName).Title("Sales Rep");
columns.Bound(c => c.TotalSales).Title("Invoiced Sales").Format("{0:c}").HtmlAttributes(new { @class = "money" }).Width(150);
columns.Bound(c => c.CalculatedTotalSales).Title("Total Sales").Format("{0:c}").HtmlAttributes(new { @class = "money" }).Width(150);
columns.Bound(c => c.NumberOfOrders).Title("# of Orders").Format("{0:0}");
columns.Bound(c => c.NumberOfItems).Title("# Of Items").Format("{0:0}");
columns.Bound(c => c.TotalOrdered).Title("Qty Ordered").Format("{0:0}");
columns.Bound(c => c.TotalShipped).Title("Qty Shipped").Format("{0:0}");
})
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Url(Url.HttpRouteUrl("Default", new { controller = "SalesRep", action = "Sales_GetSalesData" })).Data("getFilterValuesForGridRead")))
I am evaluating the Scheduler Components, specifically the TimeLine mode.
Does this component allow me to create an event that is comprised of smaller events? For example, I have a Process comprised of Steps. The Steps also have a Start/Stop Time.
I was wondering if TimeLine would allow me to customize the Series Bar so that I could display the Steps Inside of the Process?
Does that make sense?
Chuck