Telerik Forums
Kendo UI for Angular Forum
1 answer
327 views

Hi there, I'm having issues trying to change the color of the floating label. When I have a black background, the floating label cannot be seen because it is also black and blends in with the background.

Example in stack blitz https://stackblitz.com/edit/angular-kendo-textbox-material-black-background

How can I change the color of the floating label? Thanks.

Kind regards,

Andy

Andrew
Top achievements
Rank 1
 answered on 24 Jan 2020
1 answer
550 views

I have two value axis items and I would like one to be in percent and the other to be numeric.  How can I achieve this.   My current code produces the output in the image.

  <kendo-chart-value-axis>
    <kendo-chart-value-axis-item *ngFor="let item of valueAxes" [name]="item.name" [title]="{ text: item.title }"
                                 [max]="item.max" [majorUnit]="item.majorUnit">
      <kendo-chart-value-axis-item-labels [format]="numberFormat">
      </kendo-chart-value-axis-item-labels>
    </kendo-chart-value-axis-item>
  </kendo-chart-value-axis>
  <kendo-chart-category-axis>
    <kendo-chart-category-axis-item [title]="xAxis_Label" [axisCrossingValue]="crossingValues">
      <kendo-chart-category-axis-item-labels>
      </kendo-chart-category-axis-item-labels>
    </kendo-chart-category-axis-item>
  </kendo-chart-category-axis>
  <kendo-chart-axis-defaults>
    <kendo-chart-axis-defaults-labels>
      <!-- format="n0"-->
    </kendo-chart-axis-defaults-labels>
  </kendo-chart-axis-defaults>
  <kendo-chart-legend [visible]="false"></kendo-chart-legend>
  <kendo-chart-series>
    <kendo-chart-series-item *ngFor="let series of model"
                             [name]="series.name"
                             [data]="series.data"
                             [categoryField]="series.category" field="value"
                             [stack]="series.stack"
                             [color]="series.color"
                             [type]="series.type"
                             [axis]="series.axis">
      <kendo-chart-series-item-tooltip>
        <ng-template let-value="value" let-category="category">
          <!--[innerHTML]="series.dataLabel.replace('[value_1]', value.toLocaleString() ).replace('[year]', category ).replace('[series]', series.name  ).replace('[#%]', ((value)*100).toFixed(1).toString() + '%') "-->
          <span [innerHTML]="getToolTip(value, category, series.name, graphType  )"></span>
        </ng-template>
      </kendo-chart-series-item-tooltip>
    </kendo-chart-series-item>
  </kendo-chart-series>
</kendo-chart>
Dimiter Topalov
Telerik team
 answered on 23 Jan 2020
1 answer
2.6K+ views

I am trying to use the <kendo-datetimepicker> component and I import DateInputsModule into my module, but on loading my app I see the following error:

 

'kendo-datetimepicker' is not a known element:
1. If 'kendo-datetimepicker' is an Angular component, then verify that it is part of this module.
2. If 'kendo-datetimepicker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message

 

Obviously I have npm installed the @progress/kendo-angular-dateinputs package and dependencies. I am using:

    "@progress/kendo-angular-dateinputs": "^3.7.4"

 

I am able to use the <kendo-datepicker> without problem. 

 

Why am I seeing this error? 

Dimiter Topalov
Telerik team
 answered on 22 Jan 2020
4 answers
4.0K+ views

I have a grid with grouping enabled. I'd like to know how to set the cursor style on the grid row (that is not a group header) to indicate it is selectable.  

Attached is a screenshot showing the rows with red arrow where I would need to show a hand cursor on row hover event.

Thanks.

 

Dimiter Topalov
Telerik team
 answered on 20 Jan 2020
2 answers
177 views

Is kendo-upload broken? Using Angular 9 and get what looks like a broken component looking for a list of classes called selectButtonClasses

<kendo-upload [saveUrl]="uploadSaveUrl" [removeUrl]="uploadRemoveUrl"> </kendo-upload>

Missing class list on this item in your template:
<div role="button" #fileSelectButton
             [id]="focusableId"
             [ngClass]='selectButtonClasses'

Brandon
Top achievements
Rank 1
 answered on 17 Jan 2020
1 answer
738 views

While implementing kendo-menu. The class .k-animation-container gets css (overflow: hidden) automatically. Due to this menu gets disappear on hover or on click.

Any feedback welcome and thanks :-)

Svet
Telerik team
 answered on 17 Jan 2020
1 answer
1.4K+ views

I want to add a Placeholder to my MaskedTextBox. But adding the placeholder attribute does not work.

I even set maskOnFocus to true so that placeholder will be shown but to no avail.

<kendo-maskedtextbox [maskOnFocus]="true" [mask]="mask" [value]="value" placeholder="Phone Number"></kendo-maskedtextbox>

 

Is there a way for me to achieve this in the current version?

And are there plans to support placeholder in MaskedTextBox in the near future?

Hetali
Telerik team
 answered on 16 Jan 2020
14 answers
587 views

I have a grid with a large number of columns, and upon initial load I call fitColumns to resize based on the data on the current page. In v4.5.0 of the grid, this worked fine, the columns would all resize, and the grid would be horizontally scrollable.

In 4.6.0 the behavior seems to have changed, and the call does not seem to work. The grid columns all shrink to fit the width of the grid, become very skinny, and no horizontal scrolling is enabled. 

Has this been reported / is known?

Thanks!

-Brian

Svet
Telerik team
 answered on 16 Jan 2020
4 answers
863 views

Hi,

I'm referencing https://www.telerik.com/kendo-angular-ui/components/excelexport/how-to/export-to-separate-sheets/ to do Excel export with *ngFor option, but the difference is that my data comes from a service instead of static client data. When calling 'this.excelExportComponents.first.save(workbooks[0]);' in the subscribe of the service call, I got below error:

core.js:6014 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'save' of undefined
TypeError: Cannot read property 'save' of undefined
    at management-view.component.ts:175
    at ZoneDelegate.invoke (zone-evergreen.js:359)
    at Object.onInvoke (core.js:39699)
    at ZoneDelegate.invoke (zone-evergreen.js:358)
    at Zone.run (zone-evergreen.js:124)
    at zone-evergreen.js:855
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
    at Object.onInvokeTask (core.js:39680)
    at ZoneDelegate.invokeTask (zone-evergreen.js:390)
    at Zone.runTask (zone-evergreen.js:168)
    at resolvePromise (zone-evergreen.js:797)
    at zone-evergreen.js:862
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
    at Object.onInvokeTask (core.js:39680)
    at ZoneDelegate.invokeTask (zone-evergreen.js:390)
    at Zone.runTask (zone-evergreen.js:168)
    at drainMicroTaskQueue (zone-evergreen.js:559)
    at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:469)
    at invokeTask (zone-evergreen.js:1603)
    at XMLHttpRequest.globalZoneAwareCallback (zone-evergreen.js:1640)

I guess this.excelExportComponents.first is not ready yet in the sevice call subscribe and I should call the 'save' method at some point after the binding finished. After some experiment I ended up using a flag set to true after service call and in AfterViewChecked hook checking if the flag is true then do the concat and save, then reset the flag. This seems to work but seems not so ideal, as AfterViewChecked is quite frequently called. If there's better way do export async data?

Thanks.

Randy
Top achievements
Rank 1
Veteran
 answered on 14 Jan 2020
1 answer
763 views

I'm getting errors with the grid component on build. It appears a recent update to the buttons package is the cause. The update remove a click method but the button components in the grid package is relying on that method to be there. 

Current versions of both packages:
@progress/kendo-angular-buttons: 5.1.1
@progress/kendo-angular-grid: 4.6.0

Example of compile error:

ERROR in node_modules/@progress/kendo-angular-grid/dist/es2015/editing/add-command.directive.d.ts(30,5): error TS2416: Property 'click' in type 'AddCommandDirective' is not assignable to the same property in base type 'ButtonDirective'.  Type '(e: any) => void' is missing the following properties from type 'EventEmitter<any>': __isAsync, emit, subscribe, observers, and 18 more.

Dimiter Topalov
Telerik team
 answered on 08 Jan 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?