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.

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

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

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

Hello guys!

I managed to open a runtime window by clicking on a grid row following your suggestions in another post.

I used the following example : https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-content-component

This example is using the following template :

<div class="container-fluid">
      <dl class="row">
        <dt class="col-sm-6">Username:</dt>
        <dd class="col-sm-6">{{ name }}</dd>

        <dt class="col-sm-6">Age:</dt>
        <dd class="col-sm-6">{{ age }}</dd>
      </dl>
    </div>

The problem is that whatever styling I tried to style this div (for example I tried to make it a modal window with a gray background for the rest of the app page) it seems to be overwritten by some div.k-content.k-window-content styling rules that I saw in the browser console.

Any ideas on how to properly style these runtime windows?

Thank you very much!

Hello,

We use grids with filter menus, and we need to implement this behavior: When the user focus out of a filter or open another filter without clearing or applying the current opened filter, the state of the filter (value entered, operator) should be maintained, or at least the filter should remain open until it is manually closed. The default Filter Menu behavior is that on blur it is automatically closed, and all values are lost when it is opened again. In the jQuery grid, the state of the filter is maintained, so we try do the same for Angular grid.

I searched the documentation to find if there is any property to achieve this, but didn't find any. Is there any possibility or workaround to make this work?

Thanks, 

Iuliana

Hello guys!

I have a button inside a grid cell that I am using to open a new tab in the tabstrip component.

The button displays a contract number

Is it possible to make this button look like a link?

Thank you!

Hi,

Do you have sample application using Bootstrap5 with many components like grid, dropdown, datePicker, icon, combobox and input ?

Regards

Hi

I have an complex object with many fields and many date Field coming from an service

Example

export class VueSommaireModel {
  profilId: number;
  name: string;
  surname: string;
  dateDeNaissance: Date;
  //more 50 fields
  ....
   }

My service failed

   this.service.getData(this.id)
        .subscribe(x => this.form.patchValue(x));

My form

  this.form = this.formBuilder.group({
      profilId: [''],
      name: [''],
      surname: [''],
      dateDeNaissance: new Date(),
  ...
  ...
data

"profilId": 50531,
    "surname": "3454",
    "name": "11",
    "date": "2027-12-30"
...
...
...
...
...  ...

  Where is my mistake ?

Do you have complete sample with datepicker, ReactiveForm and Service

Regards