Hi

another question regarding the angular coffee example. I have made my own theme. I then added it to the drop-down in the header component link this (I also tried to change the default theme to ocean blue):

public themes: { href: string; text: string }[] = [
      {
         href: 'assets/kendo-theme-default/dist/default-ocean-blue.css',
         text: 'Kendo default (ocean blue)',
      },
      {
         href: 'assets/kendo-theme-bootstrap/dist/all.css',
         text: 'Bootstrap',
      },
      {
         href: 'assets/kendo-theme-material/dist/all.css',
         text: 'Material',
      },
      {
         href: 'assets/light-theme/dist/theme-light.css',
         text: 'My light theme',
      },
      {
         href: 'assets/dark-theme/dist/theme-dark.css',
         text: 'My dark theme',
      },
   ]

and I also updated my angular.json file to include copying the new assets:

 "assets": [
              "src/favicon.ico",
              "src/assets",
              {
                "glob": "**/*",
                "input": "node_modules/@progress/kendo-theme-default/dist",
                "output": "/assets/kendo-theme-default/dist"
              },
              {
                "glob": "**/*",
                "input": "node_modules/@progress/kendo-theme-bootstrap/dist",
                "output": "/assets/kendo-theme-bootstrap/dist"
              },
              {
                "glob": "**/*",
                "input": "node_modules/@progress/kendo-theme-material/dist",
                "output": "/assets/kendo-theme-material/dist"
              },
              {
                "glob": "**/*",
                "input": "src/assets/theme/dark",
                "output": "/assets/dark-theme/dist"
              },
              {
                "glob": "**/*",
                "input": "src/assets/theme/light",
                "output": "/assets/light-theme/dist"
              }
            ],

I thought this was pretty straightforward... I have double checked that the new files are in the assets folder but I am getting two errors:

1.  a **404 error** that the themes are not found...this is with my theme

2. a **The resource from ... was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).** with the default-blue-theme.

Any idea what I am missing?

Thank you for any help given

Hi

How to apply number format in Kendo numeric steeper in dynamically (ex, lakhs to a million & a million to lakhs)

Thanks & Regards

A.Thamaraikannan

Hi,

I want to wrap header columns in grid , that based load data wrap format

its possible!

Thanks & Regards

A.Thamaraikannan

I am already using other Kendo components in my application currently. I can access the normal dropdown controls (autocomplete, multi-select, etc). When trying to use either the MultiSelectTree or the DropDownTree I get a build error saying that it is not a known element. 

I have double checked the imports and installed modules. I even ran grep against the @progress folder in node_modules. It returns 0 results when searching for selector:"kendo-dropdowntree".

Any help in figuring what's going on would be greatly appreciated.

Hi

just a quick question - I need to make a multi-language application and am basing it off the coffee demo application. What I have is working perfectly but I am missing the German translations for the component messages? If I look in the /messages folder there are files for en, fr and en... I know how to implement the function and have it working for MY components, I just don't really want to have to do the German translations for the Kendo elements myself. Is there somewhere I can download the from?

thank you

ursus

Hi there, I have migrated my project from Angular 11 to Angular 13 using v7.0.0 of the DialogModule. 

If I define an abstract class like so:

@Directive()
export abstract class MyAbstractDialog extends DialogContentBase {

}

Then I define a concrete implementation of this class like so

@Component(...)

export class MyConcreteDialog extends MyAbstractDialog {

}

This ran happily using Angular 11. But with Angular 13, at runtime I see the following exception:

Directives cannot inherit Components. DirectiveMyAbstractDialog  is attempting to extend component DialogContentBase 

ERROR Error: Uncaught (in promise): Error: NG0903
Error: NG0903
    at ɵɵInheritDefinitionFeature (core.mjs:12388:23)
    at core.mjs:926:48
    at Array.forEach (<anonymous>)
    at Object.toString (core.mjs:926:32)
    at noSideEffects (core.mjs:592:29)
    at Module.ɵɵdefineComponent (core.mjs:882:12)

Do you know why this might be? Does DialogContentBase need a Directive() decorator to get this working? The work around I have found is to duplicate the common code in the base class into each of it's descendants and remove the abstract class. But I don't really want to be duplicating code!

Thanks

Hi I need to create an image Gallery view to display different size images and orientations , I have try few components but I have some questions, 

 Do you have a Gallery Component ?  

if not can the stacklayout wrap items or can you define the number of items per row ? and what is the best way to implement a lightbox to view images full screen .

Thanks for your help .

Hi there,

I have a dropdownlist with some item and I am trying to put different background colors. I achieved to change the color of all the list elements adding this on the css:

So, is there any way to apply a different background-color for each item in the dropdown?

Regards,

Jose

what is actual behavior
Default kendo UI behavior is like we need to render all the grid data once to activate pagination functionality if pageSize <= actual records then and then the only pagination will active but if we got pageSize > actual records the pagination won't work.

what is expected behavior
I need to set pageSize = 50 and API return me 50 records with total records field so, for now, we can assume that API return total 50 records and it has fields to indicate total records which let's say 200 so pagination will set accordingly [ 200 (total) / 50 (pageSize) = 4 page ] and pagination will active also with the pageSize <= actual logic and we can call separate API call for next 50 records after we click on next button which is been created on total records.

Hi,

We are using Angular editor for content management and content may contains handlebars/razor syntax including HTML. I have tried custom schema option and include handlebars code inside a custom tag however we have an issue if the handlebars code contains iteration syntax. 

Could you please provide a solution/suggestion on this?