Telerik Forums
Kendo UI for Angular Forum
1 answer
182 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
141 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
557 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
107 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
194 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
3 answers
8.0K+ views
hello, 

i'm trying to get the selected row data item, i was able to get the data item from the selected row using DOM
but when a grouping or filtering or sorting is applied the data is different, 
Is there a way to know the selected row data ?

Thank you  
Dimiter Topalov
Telerik team
 answered on 21 Jul 2020
1 answer
172 views

I have a kendo-upload component which is disabled in certain cases.

I have a kendo-uploaddropzone component which is visually not disabled when the kendo-upload component is disabled.

The user can not upload a file by dropping it into the dropzone while the upload component is disabled, so functionally it works perfectly.

I would expect that when the upload component is disabled the uploaddropzone is also disabled visually, so it has similar opacity like the upload component, and the icon color is not changed to primary color when user tries to drop a file.

Maybe also a specific cursor can be shown, so the user sees that the uploaddropzone is disabled when he tries to drop a file.

I did create a Stackblitz to demonstrate the issue:
https://stackblitz.com/edit/angular-qo8pns

 

Is there a possibility to set the uploaddropzone disabled manually? I did not found anything in the uploaddropzone component's documentation.

Personally I would prefer the behaviour I described at the top.

Preslava
Telerik team
 answered on 21 Jul 2020
1 answer
4.8K+ views

How do I go about using a Host Listener for a kendo-dialog? My team and I haven't had enough time to sit down and talk through this, and we've been busy with other things and pushing this aside. However, it has resurfaced, and this time it should probably get figured out.

Svet
Telerik team
 answered on 20 Jul 2020
1 answer
287 views

I have a kendomultiselect with grouping enabled.And selection of all elements on clicking on a group is possible too.

My multiselect behaviour is as below,

When I select an element the item wil be removed from the datsource.when I select a group all elements under the group will be removed from data source.this is working fine.

But after removing the elements,I want to maintain the scroll position to the next element and key down/up events shoudk start from taht which is not working as expected.its always starting from first.

How can I acheive this behaviour..

Please help me out 

Svet
Telerik team
 answered on 20 Jul 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?