Telerik Forums
Kendo UI for Angular Forum
1 answer
104 views

I am trying to apply formatting to the excel cells (both data cells and footer cells) using the cellOptions, footerCellOptions and groupFooterCellOptions. Although the formatting works fine with dataCells, it doesn't gets applied to footerCells.

In my project we have complex template for the footer, I thought that might be the reason its not working, but I created a simple sample project to show what I am trying to achieve.

https://stackblitz.com/edit/angular-qarfdv?file=app%2Fapp.component.ts

https://angular-qarfdv.stackblitz.io

it can be seen here that the dataCells having negative values are getting formatted, but footerCells are not

Although the formula does gets applied, but it shows an error in the cell. ( if you double click on the cell and click out it gets applied)

Appreciate your help

Martin Bechev
Telerik team
 answered on 11 Oct 2021
2 answers
1.2K+ views
conditional formatting of cells in kendo grid export to excel
Martin Bechev
Telerik team
 answered on 11 Oct 2021
1 answer
143 views
Is there a way to hide the input boxes in the datepicker and timepicker? I am trying to just make use of the popups and no show the inputs.
Ivo
Telerik team
 answered on 11 Oct 2021
1 answer
167 views

We are not able to get the formdata values in web api 2.0 (Not .NET Code).  In the http Interceptor we are passing authorization token along with files.  Is there any sample that you have to WebApi 2.0 Upload examples? 

Request Capture in Browser

------WebKitFormBoundary6Jvam5nqf7nxkSh5 Content-Disposition: form-data; name="file"; filename="folderaccesserror.PNG" Content-Type: image/png ------WebKitFormBoundary6Jvam5nqf7nxkSh5 Content-Disposition: form-data; name="documentVersionId" 123 ------WebKitFormBoundary6Jvam5nqf7nxkSh5 Content-Disposition: form-data; name="data" {"RemoteId":"10000","UserId":"so","Page":"UploadFiles","Event":"uploadEventHandler","ActionType":"S","UserName":""} ------WebKitFormBoundary6Jvam5nqf7nxkSh5--

 
Martin Bechev
Telerik team
 answered on 08 Oct 2021
2 answers
205 views

Hello,

I want to stretch the textarea to it's full parent height, without the dragable reziser and the parent is a flexbox.
What is the best way to achive it? Do I have to edit the underlying textarea css?

 

Setting the kendo-textarea to `flex: 1` stretches only the kendo element not the textarea inside.

Example: stackblitz

 

EDIT: Scribble for better understanding

Stoyan
Telerik team
 answered on 08 Oct 2021
1 answer
128 views

We currently in the process of upgrading from kendo UI for jquery to kendo UI for Angular. We have an option for or current girds to allow the user to save how they have arranged the grid and any filters they are using the grid. We do this using the grid functions getOptions and setOptions. I have noticed that these functions do not seem to work for the new Angular grids. Is there a similar function that might work?

Yanmario
Telerik team
 answered on 08 Oct 2021
1 answer
4.2K+ views

Hello guys.

I uploaded my local angular app to my company's windows vm and I am getting a blank screen the following error at localhost:4200 console.

The application is running perfectly fine on my local mac.

Any ideas?

Thank you.

Martin Bechev
Telerik team
 answered on 08 Oct 2021
2 answers
4.1K+ views

Hi,

I am trying to achieve the following.

When hovering over a cell of the grid, pop up a dynamic component. For this I need to be able to know the column name, row index, so I can pass it to the parent app, so it can set the data to the dynamic component based on the selected row.

I was able to achieve this on row selection. emitting selectionChanged event to the main app. 

Question is how cna we do this on hover.

in single-grid

<ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <div cell [title]="(column.someField!= null) ? column.fieldAccessor(dataItem, dataItem[column.tooltipField]) : dataItem[column.tooltipField || column.field] | facetsData">
              {{ (column.someField != null) ? column.fieldAccessor(dataItem, dataItem[column.field]) : dataItem[column.field] 
              }}

<some-dynamic *ngIf="column?.info" [iconColor]="'white'"
  [dynamicPopupComponent]="column.info.displayComponent"
  [dynamicData]="column.info.displayData"
  [displayPosition]="column.info.displayPosition">
</some-dynamic>
            </div>
  </ng-template>


I have multiple grids in a for loop . The main app basically uses the multi-grid component to render multiple grids.

<div *ngFor="let gridData of gridDataRows; let indexOfgrid=index;" style="margin-bottom:25px">
<single-grid #multiGrid [settings]="settings[indexOfgrid]" [data]="gridData" 
...
<single-grid>
</div>

main app  -- this app need to know what cell was hovered over along with the row index and  column name.
<multi-grid 
... all the inputs >
</multi-grid>

Any help is greatly appreciated.

REgards,

Jyothi

  
Yanmario
Telerik team
 answered on 07 Oct 2021
1 answer
141 views

I want to highlight or style  a particular item from the dropdownlist on some condition. but i don't find anything .

Could anyone suggest how I could customize it?

Adding some more information. I want to highlight the item 2021 from the list

https://i.stack.imgur.com/67R49.png

Stoyan
Telerik team
 answered on 06 Oct 2021
1 answer
1.1K+ views

Hello,

I am trying to create an application with dynamic themes (light and dark) and I would like to change the theme on the fly.

With all the kendo components I have no problems but I can't do it with the charts.

I noticed that to see the styles applied it is necessary to refresh the page (you notice by changing something in the code).
Is it possible in some way to have the styles applied to the chart?

here my stackbliz test app 

https://stackblitz.com/edit/angular-saj2p6?file=app/app.component.ts

 

 

Thanks

Yanmario
Telerik team
 updated answer on 06 Oct 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?