Telerik Forums
Kendo UI for Angular Forum
0 answers
201 views

Hello,
I would like to add a horizontal scrollbar so that I can clearly view all the graph data.

for example:
if I had all 12 months of the year I would like to see those of 2019 and then with the scroll bar go to 2020 and 2021.
through the parameter that identifies the X axis.

 

<kendo-chart (seriesClick)="onSeriesClick($event)">
            <kendo-chart-title text="title"></kendo-chart-title>
            <kendo-chart-category-axis>
             <kendo-chart-category-axis-item
                      [categories]="month"
                      [title]="{ text: 'Months' }">
             </kendo-chart-category-axis-item>
            </kendo-chart-category-axis>
            <kendo-chart-legend position="bottom" [visible]="false"></kendo-chart-legend>
            <kendo-chart-series>
           <kendo-chart-series-item type="line" [style]="normal" categoryField="month" [data]="Totaldata" field="total" [markers]="{ visible: true }">
          </kendo-chart-series-item>
           </kendo-chart-series>
            </kendo-chart>

regards,

 

alex
Top achievements
Rank 1
Iron
Veteran
 asked on 25 Jan 2021
3 answers
945 views
In my kendo-dialog the content takes more height than the height of the dialog. Therefore it is scrolled to the bottom when the dialog opens. How can I manage it to be scrolled to the top when the dialog opens? So the dialog content should display its beginning and then the user could scroll down.
Martin Bechev
Telerik team
 answered on 25 Jan 2021
2 answers
308 views

Hello,

I was wondering if you have examples on creating a custom column menu with customizable items within it.

 

Something along the lines of the following link but truly customizable menu options: https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnMenuTemplateDirective/

 

I would like the column menu to contain 2 buttons, each with it's own event raised and handled. 

Please let me know if this is possible.

 

Thanks.

Martin Bechev
Telerik team
 answered on 22 Jan 2021
3 answers
1.0K+ views

I building a component in Angular which dynamically builds a list of tabs and then loads content into the tab dynamically. In the main this works well bar a couple of intermitted issues.

The HTML for the tab component is as below. sTabs is a Subject which contains the list of tabs to render, including the component to load and the currently selected tab.

I am using the library https://malkevich-alex.gitbook.io/ng-dynamic-component/ to load the component dynamically.

 

The 2 issues I have are;

 

1 - occasionally the selected tab is not show (even though the debug of the value selected in the title shows true the tab does not get focus)

2 - occasionally 2 components are shown together in a tab (one below another). Clicking into another tab and then clicking back fixes this and the correct component is then shown.

Any ideas on the cause?

<kendo-tabstrip [keepTabContent]="true">
  <kendo-tabstrip-tab
    *ngFor="let item of sTabs | async let i=index"
    [selected]="item.selected">
 
    <ng-template kendoTabTitle >
      <span class="k-icon k-i-close-outline" (click)="deleteTab(i)" style="padding-right: 10px;"></span>
      <span>{{ item.name }} {{ item.selected }}</span>
    </ng-template>
 
    <ng-template kendoTabContent>
      <ndc-dynamic
        [ndcDynamicComponent]="item.component"
        [ndcDynamicInputs]="item.inputs"
        [ndcDynamicOutputs]="item.outputs"
      >
 
      </ndc-dynamic>
    </ng-template>
 
  </kendo-tabstrip-tab>
</kendo-tabstrip>
Martin Bechev
Telerik team
 answered on 22 Jan 2021
3 answers
3.3K+ views

Hi,

We have a requirement to highlight the row and cell based on some conditions in the grid. For KendoGridColumn, we have added the hightlight based on condition using template but for row as we don't have rowTemplate provided by kendo. Is there any way that kendo provide/recommends  to hightlight the row conditionaly.  We have found this old arcticle -> https://www.telerik.com/forums/kendo-ui-style-grid-rows, but it is looping over the grid data, in our case we have huge amount of data so looping would be performance problem. Kindly suggest if there is efficient way. 

 

Regards,

Jaspreet

Martin Bechev
Telerik team
 answered on 22 Jan 2021
1 answer
1.2K+ views

I'm trying the Kendo UI Grid for Angular, the current behavior only allows selecting multiple rows by selecting the checkbox itself (otherwise clicking the cell outside of the checkbox, would result in the currently selected rows getting reset.)
I would like to find out if is there a way to change that behavior, so that clicking outside of the checkbox would be handled just as clicking within it.

I've attached the desired behavior:

 
 
 
 
 
Martin Bechev
Telerik team
 answered on 20 Jan 2021
3 answers
325 views

I am trying to implement a tabstrip within another tabstrip. What I have found is that when the parent tabstrip tab title property is set using [title]="'Title'" and the child tabstrip first tab is set using ngtemplate, then the parent's first tab title gets the child first tab text appended to it.

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

schakravarty
Top achievements
Rank 2
Iron
Iron
 answered on 19 Jan 2021
1 answer
275 views

When all screen is full at events, the scroll in not working in mobile.

how can i scoll also that is display many events in screen?

Martin Bechev
Telerik team
 answered on 15 Jan 2021
1 answer
134 views

 

My grid data is bound to an observable as follows:

 protected initDomainEntityQuery() {
     this.gridSettings.state.skip = 1;
    this.gridData$ = this.stateChange$.pipe(
      takeUntil(this.unsubscribe),     
      switchMap(() =>
        this.dataService.getData(this.buildDomainEntityPayload())
      ),
      map((data) => {
        if(this.groupable && data.data.length > 0) {        
          return process(data.data, { group: this.groups });
        }
        else
          return data;
      })      
}  }

 

The problem is that the data set returned could potentially span many pages, but after the aggregation, the DataResult total is 1 page long.  Is there any way of working round this? 

The use case is to present the data grouped by a type field. 

Thanks.

 

 

Svet
Telerik team
 answered on 15 Jan 2021
1 answer
853 views
how can i disable drag the events?
Martin Bechev
Telerik team
 answered on 15 Jan 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?