Hello,

So I downloaded figma assets, created design with reused components from underlying figma assets, variables are changed and everything, but how do you actually use those in Angular app ?

If I set variable names with the values before importing all.scss in styles, it has no effect, because variable names in figma does not match variable names in all.scss of the themes, so it does not override. I noticed that themebuilder somehow maps those figma variables to the variables used in themes.

what should I do without ThemeBuilder?

Hi,

I want to show orders in a grid but the comment fields I would like to put on a second row that spans over all the columns.  The reason is that the comments are important and they don't need to scroll to the columns.  Also there can be a lot of text in the field and I can't put it in the beginning of the grid, otherwise they don't see other columns.

What I've done to achieve this is put the comments in a detailtemplate (see attachment).  This works.

But the issue now is that I also need sticky columns that the first column stays visible and this is not supported.
I also get this message when debugging: re.mjs:7739 ERROR Error: Having both detail template and sticky columns is not supported.

When I change the environment.production setting to true, I don't get the error any more and it seems to work.

But is there another way of achieving the behavior of having on a row a second line that spans over the columns and I still can use sticky columns?

Hello there,

I have facing a issue while toggle expand/collapse group row.

If you gave 2 group rows, initially both row expanded. if you collapse first row and then collapse second row and after that trying to expand first row observe that second row will be expand instead of first row. 

For reference go through video I attached below: 

Using the simple example from docs, with current versions (Angular 13), the image should be shown in the pdf output but it does not. But for the second time exporting the pdf, the image is shown in the pdf output. 

After refreshing the page it also doesn't show the image.

The list of installed packages from KENDO:

    "@progress/kendo-angular-buttons": "latest",
    "@progress/kendo-angular-common": "latest",
    "@progress/kendo-angular-dateinputs": "latest",
    "@progress/kendo-angular-dialog": "latest",
    "@progress/kendo-angular-dropdowns": "latest",
    "@progress/kendo-angular-excel-export": "latest",
    "@progress/kendo-angular-grid": "latest",
    "@progress/kendo-angular-icons": "latest",
    "@progress/kendo-angular-inputs": "latest",
    "@progress/kendo-angular-intl": "latest",
    "@progress/kendo-angular-l10n": "latest",
    "@progress/kendo-angular-label": "latest",
    "@progress/kendo-angular-navigation": "latest",
    "@progress/kendo-angular-pdf-export": "latest",
    "@progress/kendo-angular-popup": "latest",
    "@progress/kendo-angular-progressbar": "latest",
    "@progress/kendo-angular-treeview": "latest",
    "@progress/kendo-angular-upload": "latest",
    "@progress/kendo-data-query": "latest",
    "@progress/kendo-drawing": "latest",
    "@progress/kendo-licensing": "latest",
    "@progress/kendo-svg-icons": "latest",

To Reproduce
Look at this, to reproduce:

https://stackblitz.com/edit/angular-itjvbe-wyn6ep

GitHub reported issue link: https://github.com/telerik/kendo-angular/issues/3976

Hi,

I am not sure if question belongs here, but since it is related to Kendo UI Angular and JQuery, I guess it might. :)

I have "old" app built using AngularJS, and Kendo UI for Jquery. 

Recently we started replacing old modules with new ones built with latest Angular, and there we use Kendo UI Angular. To replace certain functionality I built standalone component in Angular where I use Kendo UI grid, cards, tabstrip and window. When I import my angular component files into old app, it seems that styling and themes from new component, mess up with styling of widgets of old app. 

My question is following: Are styling (css) sheets from Jquery and Angular widgets the same, meaning, can I simply opt for one or another styling and count that all widgets will then be consistent? Since many jquery widgets rely on css selectors to achieve different custom functions, it is important to know whether I can rely on this.

Meaning, can I use css theme (assuming that both use default now) from Angular and count that widgets or functionalities based on css in old app won't be destroyed? 

If this is not a case, could you propose the way how to combine these two in usable way?

Thank you very much.

Regards,

Vedad

Hello,

I'm trying to create a custom component, say <my-chart>,  containing a <kendo-chart>.

I'd like to be able to pass the configuration by components to my-chart and forward them to the <kendo-chart> inside my component.

In the template of my-chart I've put 

<kendo-chart><ng-content></ng-content></kendo-chart>

Then, in my app, if I do:

<my-chart>
  <kendo-chart-series>
    <kendo-chart-series-item [data]="[1, 4, 5, 2, 1, 8]"> </kendo-chart-series-item>
  </kendo-chart-series>
</my-chart>

I get the following error in the console when the page loads:

Error: R3InjectorError(AppModule)[ConfigurationService -> ConfigurationService -> ConfigurationService]:
NullInjectorError: No provider for ConfigurationService!

Here is a StackBlitz to replicate the error: https://angular-mmhsaz.stackblitz.io

Thank you.

Regards

My UI designer said he could not find the "eye" icon for show/hide of passwords.  Yet when I was entering my password when signing up, there was one.  Can you please point me to this icon in your library?  Thank you

JD Krise

Hello,

is it possible to have all the chart configuration in a object that implements ChartOptions and then pass it to the chart component in the template?

Something like this:

const myConfig: ChartOptions = {
  series: mySeries,
  title: myTitle,
  ...
}

and then in the template:

<kendo-chart [chartOptions]="myConfig"></kendo-chart>

Thank you.

Kind regards.