I am using dart sass to try to apply my custom colors, but it doesn't want to override the file per the documented instructions. In the first example, it does compile but the color isn't overridden in the file.

Using package sass v1.58.0

This doesn't override the primary color:

$primary: #4dcae6;

@import "~@progress/kendo-theme-default/dist/all.scss";

Apparently you can use the @use statement with a `with ( ... )` and that's supposed to work, but if I do that, I get the error "This variable was not declared with !default in the @used module.". I'm stuck.

@use "@progress/kendo-theme-default/dist/all.scss" with (
    $primary: #4dcae6
)

I used the themebuilder to create a jqeury ui theme based off the default theme. I set default data viz colors and exported the theme. However, my simple sample bar chart still shows the default colors. Not sure what the problem is... Any thoughts?

Here you can see the colors just fine (themebuilder):

Here's how the chart looks when I use the theme (I'm just using kendo demo code):

Code:

$("#chart").kendoChart({
                title: {
                    text: "Site Visitors Stats"
                },
                subtitle: {
                    text: "/thousands/"
                },
                theme: 'default',
                legend: {
                    visible: false
                },
                seriesDefaults: {
                    type: "bar"
                },
                series: [{
                    name: "Total Visits",
                    data: [56000, 63000, 74000, 91000, 117000, 138000]
                }, {
                    name: "Unique visitors",
                    data: [52000, 34000, 23000, 48000, 67000, 83000]
                }],
                valueAxis: {
                    max: 140000,
                    line: {
                        visible: false
                    },
                    minorGridLines: {
                        visible: true
                    },
                    labels: {
                        rotation: "auto"
                    }
                },
                categoryAxis: {
                    categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
                    majorGridLines: {
                        visible: false
                    }
                },
                tooltip: {
                    visible: true,
                    template: "#= series.name #: #= value #"
                }
            });

I use kendoEditor(jQuery) to let user create html content. Then, saving this content as html and using this html content to export to a pdf document by xmlParser. 

I also restricted the width of kendoEditor by A4 page width in order to create a PDF document without fitting problem.

But the problem is the users are not able to know page end so their contents might be split. For example, they create a table and table header in kendoEditor but this table and its header can be split in two pages when exporting to pdf document.

So, is there a way to show page layout or a page end marker or line in kendoEditor?

Hi,

I have been testing what's the best way to create custom theme swatches, so that they're easy to maintain between Kendo upgrades.

Is it possible somehow to use theme variables inside the json file (of the swatch)?

Here is an example, where I try to use "$component-border" to set border color for tabs:

When running "npm run sass:swatches", it gives me error message: "Error: Undefined variable: "$component-border"."

It works if I hard code the color like this:

"name": "Tabstrip",
"variables": {
    "tabstrip-item-border": {
        "name": "Tabstrip item border color",
        "type": "color",
        "value": "#fc0303"
    }
}

Hi,

i use

kendo.common-bootstrap.min.css
kendo.default-v2.min.css (for k-icon k-i-gear k-icon-xl)
kendo.highcontrast.min.css

now Scheduler Background color and text color of days in a week  and alldays are white

also this problem exist in following themes

Highcontrast,Black,MetroBlack,Moonlight

sample

thank you

https://runner.telerik.io/fullscreen/@shashi.kumar/IdeKUHam

You can see for column titled 'Phone' there is no right border.

Please reply how can we configure right borders?

My application includes the file: kendo.common.min.css.

In firefox I receive the following warning:

This page uses the non-standard "zoom" property. Instead, you can use calc (), or "transform" together with "transform-origin: 0 0"

Can this be solved?

Hi team,

I am in the process of changing my theme from less to sass. Since ever, I use the less default theme with some customizations, and I want to replace it with the sass classic main theme which is said to be its sass couterpart.

First, let me say that there are too many differences to state they are siblings!

In less theme, a widget has not a fixed font size and gently inherit from the body. In the sass theme, every widget has a font size of 14px. Why ? This is a big issue for me as kendo widgets must fit into a page whose font size is 13 by default but can be changed.

2 questions:

- is there a way to set default font-size to 13px for all widgets?

- do kendo widgets are able to gently take any font size? I mean without looking ugly.

thanx

Laurent.

Hi All,

We have a problem with the labels alignment in the x-series of the chart. We would like the value of the series to be aligned with the end of the label and not with the center of it. In attached you can see, as an example, that the value 04/17 is not aligned at the end of the label 17/04 but is in the center.

Can you help us with this issue?

thank you so much in advance,

Claudio