Telerik Forums
Kendo UI for Angular Forum
1 answer
43 views

[object object]

Martin
Telerik team
 answered on 26 Jul 2024
1 answer
75 views

Is it possible to have rounded ends on a sparkline?  Below is an image of the component used multiple times in a grid, and the component template.


<kendo-sparkline 
    type="bar"
    [data]="score"
    [transitions]="true"
    [seriesDefaults]="{labels: {background: 'none', visible: true, format: '{0}'}, color: getBarColor(score), bar: { size: 6 } }"
    [tooltip]="{visible: false}"
>
    <kendo-chart-area opacity="0" [width]="100"></kendo-chart-area>
    <kendo-chart-value-axis>
        <kendo-chart-value-axis-item
            [min]="0"
            [max]="130"
            [reverse]="true"            
        >
        </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>
</kendo-sparkline>

Yanmario
Telerik team
 answered on 26 Jul 2024
2 answers
482 views

Hi,

The license key works when i activate locally on my machine but it does not when trying the same with Dockerfile. Here's the dockerfile code:

# base image
FROM node:18.17.0 as build
# set working directory
WORKDIR /app
# add `/app/node_modules/.bin` to $PATH
ENV PATH /app/node_modules/.bin:$PATH
ARG KENDO_UI_LICENSE_KEY

ENV KENDO_UI_LICENSE= ${KENDO_UI_LICENSE_KEY}

RUN echo ${KENDO_UI_LICENSE_KEY} > kendo-ui-license.txt

RUN npm install

COPY . /app

RUN npx kendo-ui-license activate

 

RUN ng build --prod

FROM nginx:1.17.4-alpine
## Remove default Nginx website
RUN rm -rf /usr/share/nginx/html/*
# copy artifact build from the 'build environment'
COPY --from=build /app/dist/ui/ /usr/share/nginx/html

 

The docker build gave the following error. Please help. The signature is valid as I have activated the same

llicense key on local machine.

=> [build  9/11] COPY . /app                                                                                     17.9s
 => ERROR [build 10/11] RUN npx kendo-ui-license activate                                                          1.0s
------
 > [build 10/11] RUN npx kendo-ui-license activate:
0.939 (INFO) Kendo UI: Reading license from KENDO_UI_LICENSE environment variable...
0.941 (ERROR) Kendo UI: License key signature is not valid. Please, download a new copy of the license and try again.
------

 
Ambarish
Top achievements
Rank 1
Iron
 answered on 22 Jul 2024
0 answers
44 views

We're busy putting all our 3rd party tools behind wrappers. Unfortunately, the Tile Layout work is not going so well. We've tried splitting up all the consituent components behind our own wrapper components, with each component referencing a key part of the Tile Layout structure, like so:

dashboard-view -> References <kendo-tilelayout>
   dashboard-item -> References <kendo-tilelayout-item>
      dashboard-header-> References <kendo-tilelayout-item-header>
      dashboard-body -> References <kendo-tilelayout-item-body>
   dashboard-item -> References <kendo-tilelayout-item>
      dashboard-header-> References <kendo-tilelayout-item-header>
      dashboard-body -> References <kendo-tilelayout-item-body>

etc.

The trouble starts when splitting off the `kendo-tilelayout-item` from `kendo-tilelayout` and putting them into their own separate components.

It all looks fine from a coding standpoint, but when building the app and running it in the browser, we get this error:

NullInjectorError: No provider for LocalizationService!

We can provide for this service and also get the injection token, but the comments states that this service is hidden. Nevertheless, even after this is done we then get this error:

NullInjectorError: NullInjectorError: No provider for TileLayoutDraggingService!

Now, the service in question is present in the Kendo library, but is also hidden and inaccessible.

I don't think trying to fudge a way around importing the service somehow is the answer here.

Instead, I want to know if we're doing anything wrong and/or whether we are implementing the wrapper component correctly?

 

Chris
Top achievements
Rank 1
 updated question on 19 Jul 2024
1 answer
145 views

There is currently no way to separate selected color and primary color in the new var based theme.

Primary color are often way too strong and heavy for a selected background.

Half the selected states are hard linked to primary color, while the other half to base.

Right now, the only way to separate this is to write CSS overrides for every single component that has some selected states.

It feels like the theme has become way too strict and opinionated. Standard common states should be still globally themable and not linked to some base color. 

$kendo-selected-text / bg for example cannot be overwritten either  -  they are not marked as !default.

Emil
Telerik team
 answered on 19 Jul 2024
1 answer
99 views

Hi

I want to programmatically hide the right panel.
But if you change the panel size, then when hidden, the left panel does not take up free space.

Kendo component

https://www.telerik.com/kendo-angular-ui/components/layout/splitter/

Demo

https://stackblitz.com/edit/angular-m7fxze-rabzpa?file=src%2Fapp%2Fapp.component.ts

Yanmario
Telerik team
 answered on 19 Jul 2024
1 answer
88 views

How do I implement the sticky feature on the dropdownlist component? When browsing files on a code editor like Vscode, browsing deep level files, he pastes the parent file to the top. (I translated it from Chinese to English, please see the picture if you don't understand, thank you)

Implement sticky functions similar to those in the picture

/Users/like/code/Angular/angular-kendo/node_modules/@angular-devkit/architect/node/jobs/job-registry.js

 

Martin Bechev
Telerik team
 answered on 19 Jul 2024
1 answer
55 views

i am pushing data in to filters in specific events,  after adding filters, last control(textbox or editor where values  is entred) is unreachable,not able to type any values.

 

<kendo-filter [filters]="filters" (valueChange)="onFilterChange($event)">

</kendo-filter>

onnddrop(event:any){
    if(event.currentTarget.id === 'drop_Target'){
       
  this.filters.push({
                field: this.draggeddData.fieldId,
                title: this.draggeddData.fieldName,
                editor: "string",
                operators: ["neq", "eq", "contains"]
            });
            this.filters = [...this.filters];
       
       
    }
  }

 

 

 

Please look in to the issues.

 
Yanmario
Telerik team
 answered on 19 Jul 2024
0 answers
72 views
I implemented kendo drawer and when i click the menu button i am expecting it to perform toggle function, but the drawer closes only when i click outside of the screen.
Vaishaly
Top achievements
Rank 1
 asked on 18 Jul 2024
1 answer
73 views

Hi Team,

We are using Kendo Grid in our angular project, and we are facing issues with accessibility in WAVE Extension

when we check our page with wave extension it shows (

Layout table
A layout table is present.

)

 

We need to remove all the alerts for the data tables.

* For Wave extension, you may need to install extension (WAVE Web Accessibility Evaluation Tool) in your chrome browser

Below is an example of the code we are using for grid.

https://stackblitz.com/edit/kendo-ui-grid-yk8jxk?file=app%2Fapp.component.ts

 

Martin Bechev
Telerik team
 answered on 17 Jul 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?