Telerik Forums
Kendo UI for Angular Forum
1 answer
174 views
Good morning,
I would like to set a height to the multiselect smaller than the current one via css, but at the same time I would like the multiselect to grow with the number of tags increasing.

Ivo
Telerik team
 answered on 07 May 2021
1 answer
380 views

is their any possible way to exclude the first row from sorting in kendo grid apart from the new sticky row feature? ( I am looking for a solution that would work in all browsers) 

Hetali
Telerik team
 answered on 06 May 2021
1 answer
591 views

how do i set the first row of kendo grid as static? i could find possible solutions in jquery but i want a solution that could be implemented in angular.

thanks

Dimiter Madjarov
Telerik team
 answered on 06 May 2021
1 answer
471 views

I am trying to display a property from each looped through item but it only displays the last value of the item for all of the tooltips displayed.

I am trying to display each item's line name

lines =

export class Line {
  linenumbernumber = 0;
  linenamestring = '';
  completionpercentagesCompletion[] = [];
}

 

and I am trying to access the linename attribute

 

 <kendo-chart-series-item
      *ngFor="let item of this.ourdata.lines"
      type="bar"
      [data]="this.item.completionpercentages"
      [name]="this.item.linename"
      field="hours"
      axis="laborhours"
    >
      <kendo-chart-tooltip>
        <ng-template
          kendoChartSeriesTooltipTemplate
          let-value="value"
          let-category="category"
          let-dataItem="dataItem"
        >
          {{ intl.formatNumber(dataItem.completion"##.0") }}% <br />{{
            dataItem.historydate | date"shortDate"
          }}
          <br />Line: {{ dataItem.linenumber }} - {{ this.item.linename}} ---
          <br />Labor: {{ dataItem.hours }} Hours
        </ng-template>
      </kendo-chart-tooltip>
    

</kendo-chart-series-item>

 

In the tooltip the dataItem is the completion object which doesn't have the attribute linename.

 

For each of the tooltips it displays the last item's line name in each without displaying their own..

 

in this case line 7 should be "Bulk Areas"

Travis
Top achievements
Rank 1
Iron
 answered on 05 May 2021
1 answer
239 views

How to export the grid with filters enabled?

 


constructor() { 
                this.allData = this.allData.bind(this);
  }

  ngOnInit() {
    this.getGridData();
  }

  public allData(): ExcelExportData {
    const result: ExcelExportData =  {
        data: process(this.products, {sort: [{ field: 'name', dir: 'asc' }] }).data
    };

    return result;
  }

  getGridData(){
    this.MyService.getDataGrid().subscribe(data => {
      data = JSON.parse(data);;
      this.products= data;
      this.gridData = process(data, this.state)
    });
  }

 

 

 

Dimiter Madjarov
Telerik team
 answered on 05 May 2021
1 answer
974 views
I can able to see the support with Excel and PDF. Please answer. Thanks
Dimiter Madjarov
Telerik team
 answered on 05 May 2021
1 answer
90 views
Requirment:
For Example one user is updated a row and saved it in his machine. after sometime (eg:5min)another user is trying to editing same row  in the same table in his machine. Then the first user changes is overridden by second user changes. The first user changes is not updating second user table without refreshing the page.

Technologies we used :
Frontend technologies:kendo , Angular js ,
backend  technologies: java
database:SQL server

Kindly Requesting any one  to suggest best solution for this. 
Dimiter Madjarov
Telerik team
 answered on 05 May 2021
1 answer
507 views

Hi there,

recently we've been implementing row selection on all grids in our application. We've implemented persisting the selection and the custom select-all logic that also selects rows from all pages when using pagination according to:

https://www.telerik.com/kendo-angular-ui/components/grid/selection/persisting/#toc-selecting-all-items

Question #1

With this logic implemented, we're now running into an issue though. Selecting all rows using the select-all checkbox and afterwards clicking a single row on any page (without using Ctrl):

  • selects that single row (expected)
  • deselects all other rows on the page (expected), but
  • keeps all rows on other pages selected (not expected)

Is there any way to override the selection mechanism to include all pages when selecting a single item via regular click after applying the custom select-all logic? I've tried using the selectionChange event, but since we're adding the other pages' rows via the custom logic above, the provided event data does not contain enough information out of the box to detect whether the user just deselected all rows on a page by selecting a single row.

We could try to figure out whether the user selected a single row by comparing:

pageSize === deselectedRows.length - selectedRows.length

Is there any more elegant way to do this?

Question #2

When using the KendoGridCheckbox component, by clicking on the checkbox of a row, we can de-/select a single row in addition to the other already selected rows. When clicking a row's cells though, this behavior is inverted, de-/selecting the single row and deselecting all other rows. Is there any way to match the two behaviors without relying on the Ctrl key to do so?

Best Regards
Philipp

Dimiter Madjarov
Telerik team
 answered on 05 May 2021
1 answer
195 views

RESOLVED

 

Hi,

I have an loggin page and after login i tried without succes to navigate to page2 like this

this.router.navigate(['agenda'])
this.router.navigateByUrl('/agenda');
 this.router.navigateByUrl('agenda');

i have removed from routes AuthGuard] without success too

 

My  routes

  export const routesKendo = [
  {path: '**', redirectTo: '/login'},
  {path: 'login', component: LoginComponent},
  { path: 'agenda', component: AgendaComponent, canActivate: [AuthGuard], text: 'Agenda' },
  { path: 'contact', component: ContactComponent, canActivate: [AuthGuard], text: 'Contact' },
  { path: 'facture', component: FactureComponent, canActivate: [AuthGuard], text: 'Facture' }

];

 

my module

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    RouterModule.forRoot(routesKendo,
      {enableTracing: true , // <-- debugging purposes only
        relativeLinkResolution: 'legacy'} //dans l"exemple de Kendo
    )
  ],
  exports: [RouterModule]
})

 

Where is my mistake ?

Regards

Dimiter Madjarov
Telerik team
 answered on 05 May 2021
1 answer
130 views

RESOLVED

 

Hi

Currently i have an standard Router with an JWT LoginComponent

When i submit login and password i route on an MenuComponent based on your sample https://imf7xn--run.stackblitz.io/

But i have two problems

1 in need to change path with .. because url begin with menu

2 when i click in one option menu compoment disspear, have only finalComponent without menu, how could i avoid it ??

In fact problem is how having an page before MenuPage like an LoginPage  !

Regards

Dimiter Madjarov
Telerik team
 answered on 05 May 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?