Telerik Forums
Kendo UI for Angular Forum
1 answer
569 views

When you have nested groupings and have aggregates on some of the columns, is there a way to only show aggregates on a specific level of grouping? I did find this example for jQuery where the footer is hidden by changing the CSS class based on the number of records, but this did not work for me. Is there any way to find out the grouping title and only show aggregates based on that?

See attached picture - I am wanting to only show the inner-most level of aggregates with the green check mark and remove the rows marked in red.

Svet
Telerik team
 answered on 27 Jul 2020
1 answer
248 views

See https://angular-dxxw7p-hthub5.stackblitz.io for a simplified example

I've customized the grid column header kebab menu using kendoGridColumnMenuTemplate - it's pretty close to the default column selector except that there is a reset button that restores the original hidden state for each column.

What I'm seeing is that the menu closes when you hide a column but doesn't close when one is added.  How can I cause this menu to persist while the user performs any number of column selection actions?

Svet
Telerik team
 answered on 27 Jul 2020
1 answer
99 views

Open up a window by this code, then throw a error "jit_nodeValue_3(...).fixedBoxOffsetTop is not a function"

onEditHandler({ dataItem }) {
    document.body.style.overflow = "hidden";
    this.bgOverlayOpened = true;
    this.params = {id: dataItem.stockId, isNewRecord: false};
    this._util.openpopup();
  }

Martin Bechev
Telerik team
 answered on 27 Jul 2020
2 answers
2.8K+ views

Hi,

I'm trying to make a grid with a horizontal scrollbar but it doesn't work. I've read the documentation and understand that scrolling is enabled by default and if my columns have a set width and their sum is more than the width of my grid, the scrollbar should show up. But unfortunately it doesn't.

I tried copying and pasting the example from the documentations here: https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes

I don't know of and don't see any styles that might interfere with that.

 

Any ideas?

 

Tahnks

Tomer
Top achievements
Rank 1
Veteran
 answered on 27 Jul 2020
1 answer
187 views

I'm using the code as below to show the window popup

public showValuationReport(dataItem) {
    document.body.style.overflow = "hidden";
    this.bgOverlayOpened = true;
    const windowRef = this.windowService.open({
      title: 'Valuation Report',
      content: PaperworkViewerComponent
    });
    const window: PaperworkViewerComponent = windowRef.content.instance;
    const reportOptions = {
      reportType: '',
      reportName: 'VehicleInfoSheet',
      stockId: dataItem.stockId,
      branchId: dataItem.branchId,
    }
    window.reportOptions = reportOptions;
    windowRef.result.subscribe(result => {
        if (result instanceof WindowCloseResult) {
          this.bgOverlayOpened = false;
          document.body.style.overflow = "";
        } else { }
    })
  }

 

I was disable the scrolling after open the window

But still got that bug if user tick outside the window the back to drag them

Và vấn đề là

Svet
Telerik team
 answered on 24 Jul 2020
1 answer
147 views

I'm currently using the jQuery DropDownTree since this component is not yet available in the Kendo Angular library. However, I need to create multiple DropDownTree components dynamically in an *ngFor loop in the template. I'm not sure how to do that since initializing a DropDownTree requires you to explicitly specify the element that will host it. Is this possible with DropDownTree?

 

I had originally created a support ticket for this but was told to ask here instead.

Dimiter Topalov
Telerik team
 answered on 23 Jul 2020
2 answers
583 views

I combined a grid and a chart on an html page and tried to export to PDF.  When I try to export, the legend overlaps. Here's the plunker: https://plnkr.co/edit/Dpg3ZbTBPMuiKi0BFPBP?p=preview

 

 

Xavier
Top achievements
Rank 1
 answered on 23 Jul 2020
1 answer
111 views

I'm looking to acquire a UI library for an Angular desktop web browser project,  and I'm trying to confirm whether Kendo UI supports border layouts/  Can anybody confirm this?

 

By 'border I may the NORTH-CENTER-SOUTH or WEST-CENTER-EAST layout of panels to contain other components,  where the 'CENTER' panel will dynamically resize to take up the available space

Svet
Telerik team
 answered on 21 Jul 2020
8 answers
209 views

My dates are held as UTC in my database.
I get my dates from the server, which are returned in moment format and therefore need to be case to javascript.  So far so good.

).subscribe((data) => {
     data.data.forEach((d) => {
       d.clientCreatedDatetime = new Date(d.clientCreatedDatetime);
       d.creationTime = new Date(d.creationTime);
     });

My grid is declared in the component ts file, here is the declaration for a datetime column:

{
        field: 'clientCreatedDatetime',
        title: this.l('ClientCreatedDatetime'),
        _width: 100,
        minResizableWidth: 100,
        filter: 'date',
        filterable: true,
        hidden: false,
        columnMenu: true,
        format: '{0:dd/MM HH:mm}'
      }

 

I want to get all items since midnight yesterday so I set my grid filter:

setGridSettings(): GridSettings {
    let midnightYesterday = new Date(moment().subtract(1, 'days').startOf('day').utc().toString());
 
    return {
      state: {
        skip: 0,
        take: 500,
        // Initial filter descriptor
        filter: {
          logic: 'and',
          filters: [{ field: 'clientCreatedDatetime', operator: 'gte', value: midnightYesterday }]
        },
        group: [{ field: 'ncAction', aggregates: this.aggregates }],
        sort: []
      },

My grid shows the date filter perfectly:  18/05 00:00

I hit the filter button and expect the date to be passed to the server using utc which would be 17/05 23:00.
However, the value for the filter in the datasource request (I am using C# MVC) has not been converted to UTC.
I think, ok I will put in a filter extension and offset with the server timezone (which is not ideal):

private DateTime? GetFrom(IList<IFilterDescriptor> filters, string descriptorMember)
{
    if (filters.Any())
    {
        foreach (var filter in filters)
        {
            var descriptor = filter as FilterDescriptor;
            if (descriptor != null && descriptor.Member == descriptorMember
                && (descriptor.Operator.ToString() == "IsGreaterThanOrEqualTo"
                || descriptor.Operator.ToString() == "IsGreaterThan"))
            {
                return DateTimeOffset.Parse(descriptor.Value.ToString()).UtcDateTime;
            }
            else if (filter is CompositeFilterDescriptor)
            {
                GetFrom(((CompositeFilterDescriptor)filter).FilterDescriptors, descriptorMember);
            }
        }
    }
    return null;
}

This gets me the correct data from the server but when it is returned to the client the filter is reapplied and misses the first hour's worther of data.
How do I apply a filter in utc - the server should receive the filtered date in utc, the client should display the date in local time.

 

 

Svet
Telerik team
 answered on 21 Jul 2020
5 answers
2.1K+ views

Hi.

I'm using pie chart. Is there any way to display chart tooltip (kendo-chart-series-item-tooltip) when mouse hovers on legend-item? It must be like on the image.

And it would be great if legend would show categoryField and field value, is it possible?

Thank you.

Svet
Telerik team
 answered on 21 Jul 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?