Hello,
I'm attempting to make a small change to the file: kendo.dataviz.black.min.css
The section changed in kendo.dataviz.black.min.css is the following:
.k-chart .k-mask
{
/*orginal background-color*/
/*background-color: #3d3d3d;*/
background-color: #171717;
filter: alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;
}
The references to the files are the following:
@*Kendo CSS*@
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.black.min.css")" rel="stylesheet" type="text/css" />
@*Kendo Scripts*@
<script src='@Url.Content("~/Content/js/jquery-1.10.1.min.js")'></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/typescript/app.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
The code for my chart is the following:
@(Html.Kendo().Chart()
.Name("chart")
.Title("% Long vs S&P 500")
.Theme("black")
...
The chart renders perfect except it renders with default background color for the black theme #3d3d3d, instead of my altered #171717.
Why isn't this working?
Thank you.
I'm attempting to make a small change to the file: kendo.dataviz.black.min.css
The section changed in kendo.dataviz.black.min.css is the following:
.k-chart .k-mask
{
/*orginal background-color*/
/*background-color: #3d3d3d;*/
background-color: #171717;
filter: alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;
}
The references to the files are the following:
@*Kendo CSS*@
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.dataviz.black.min.css")" rel="stylesheet" type="text/css" />
@*Kendo Scripts*@
<script src='@Url.Content("~/Content/js/jquery-1.10.1.min.js")'></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/typescript/app.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
The code for my chart is the following:
@(Html.Kendo().Chart()
.Name("chart")
.Title("% Long vs S&P 500")
.Theme("black")
...
The chart renders perfect except it renders with default background color for the black theme #3d3d3d, instead of my altered #171717.
Why isn't this working?
Thank you.