Posted 29 Sep 2016 Link to this post
Hi,
we use our own bootstrap and kendo themes. All works well, but one problem: because we use a very dark accent color (default is #428bca, we use #242b46) the close icon (x) is not visible on the buttons. This happens because the x-sprite is black or a very grey dark that leads to very low contrast and quasi invisibility.
So please, how to achieve, that the x-sprite is white?
Thanks for your reply.
Posted 30 Sep 2016 Link to this post
Posted 04 Oct 2016 in reply to Iliana Nikolova Link to this post
Hello Iliana. Thanks for your response.
I tried it the following: replacing sprite.png and sprite2.png within the local Bootstrap-folder from black-theme Result: no remarkable result, the k-close image still is dark. After some investigation I found out the sprite.png is loaded from a kendo cdn (http://kendo.cdn.telerik.com/2015.3.1111/styles/Bootstrap/sprite.png). The problem: there is no point, where a cdn is configured. Leads this to another problem? Is loading from a kendo-cdn a fallback, if kendo cannot find the appropriate image within the (potentially missconfigured?) configured folder? My bundle config within bundleconfig.cs bundles.Add(new StyleBundle("~/Content/kendo/kendo").Include( "~/Content/kendo/kendo.common-bootstrap.min.css", "~/Content/kendo/kendo.custom.min.css")); Layout.cshtml: @Styles.Render( "~/Content/kendo/kendo" )
Posted 06 Oct 2016 Link to this post
/* ... */
.k-
icon
,
.k-tool-
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
background-image
:
url
(
'http://kendo.cdn.telerik.com/2016.3.914/styles/Black/sprite.png'
);
border-color
transparent
;
}
Posted 07 Oct 2016 in reply to Iliana Nikolova Link to this post
Posted 10 Oct 2016 Link to this post
.k-multiselect .k-i-close {
'/* ... */'
background-position
0
Posted 14 Oct 2016 in reply to Iliana Nikolova Link to this post
Thank you, I will give it a try.
And there is no documentation for sprite.png which symbol is used where?
Posted 18 Oct 2016 Link to this post
Posted 27 Oct 2016 in reply to Iliana Nikolova Link to this post
Hello Iliana,
thank you. I marked the thread as answered. Currently I cannot further check ist, but it should work.
Bye (for this time)