Telerik Forums
Kendo UI for Angular Forum
2 answers
562 views

I want to create the tree with expanded static first level node.

I have an array with one object defined manually like: [{text: 'All Items', level: 0, link: '...', count: 0, items: [] }].

On ngOnInit I received data from Selector (async data source) and placed it to items[] for second level, refreshed count.

After that I want to load next levels data from another Selectors (async data source).

my function getChildren looks like:

 

if (expandedLevel === 0) => return array of items from manually created root node.

else => return (async data) from endpoint according needed level. 

 

But I can't to expand the first level programmatically via [expandedKeys]="['All Items']" and [expandBy]="'text'"

Can you help me please.

Regards.

Dominik
Top achievements
Rank 1
Veteran
Iron
 answered on 29 Dec 2022
1 answer
22 views

Hi there, I'm hoping that someone might be able to help me - at present we are utilising the default kendo UI for angular in our project.

However, I need to try and overwrite one specific component (the panelbar header and its selected styles).

I do not want this overwrite to affect other UI elements of the same kind - at present I have a local component file, a HTML file with the panelbar within and a SCSS attached to affect its styling. However, no amount of targeting is letting me overwrite the styles of the panel bar.

Ideally I just need the background to be transparent and text to be grey.

local.HTML

<div class="panelbar-wrapper">
    <kendo-panelbar>
        <kendo-panelbar-item 
        title="Record Control & Reply Bits" [expanded]="true">
            <ng-template kendoPanelBarContent>

</ng-template>
</kendo-panelbar-item>
</kendo-panelbar>
</div>

local.SCSS File:
.k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0 .k-link.k-selected{
        
         background-image: none !important;
         color: #303030 !important;
         background: transparent !important;
        
}
    .k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0 .k-link{
        color: #303030 !important;
        
}    

Any help would be really appreciated. 

Yanmario
Telerik team
 answered on 28 Dec 2022
1 answer
21 views
kendo-chart-series-item converting the value from 1000 to 1k. Is there anything which can help by which I can save my time.and also I don't have to write the function for achieving this.
Martin
Telerik team
 answered on 28 Dec 2022
0 answers
12 views
Hi,
I'm using kendo but have an issue as follows:

Case 1: The old source can be edited, but the excel is missing data
https://stackblitz.com/edit/angular-v6xzlw-cs7bsp?file=src%2Fapp%2Fapp.component.ts

Case 2: New source can't edit but export excel enough data
https://stackblitz.com/edit/angular-v6xzlw-fpo6xw?file=src%2Fapp%2Fapp.component.ts

Expect: Both can be edited and exported

Anyone who has encountered this case, please support me.

Thanks, all.May be an image of text that says 'x Export Excel Name Name 1 Number AB 001255* AV= 66000000 Case2 Base Revenue 100001 Ratio Name3 100002 196507 90740000005 AB 10000000 Name Base Revenue 100003 0.27390444 Ratio Name 100004 180776.93040000004 BaseRevenue Base 191478.3618 Name6 0.15730977 100005 0.29011873 Name7 15730.977 191478 3618 100006 0.17790082 Name 100007 31639 31799999998 19999999 Name 100008 0.04793823 22.7336 Name 10 100009 31639.231799999998 0.00018596 245.4672 Name 11 100010 122.7336 0.000371 Name 12 4672 100011 135728. 67 Total 100012 0.2056495 135728.67 2593. 6086 0 0.00392971 2593.6086 6086'May be an image of text that says '区 Exportto Excel Name Name Number AB 001255* Case1 AV= 66000000 Base Revenue 100001 Name Ratio 100002 196507 90740000005 AB 008001 10000000 Base Revenue Name4 100003 Ratio Name 180776 6.93040000004 100004 Base Revenue 191478.3618 3618 Name6 0.15730977 100005 0 0.29011873 117414.54119999999 15730. 977 Name7 100006 191478.3618 0.17790082 Name 100007 17414.54119999999 31799999998 Name 100008 0 0.04793823 22.7336 Name 10 100009 31639.231799999998 0.00018596 245.4672 Name 7336 100010 0.00037192 Name 12 100011 45.4672 135728. 67 Total 100012 0.2056495 135728. 2593. 6086 0.00392971 2593 6086'
Caesar
Top achievements
Rank 1
 asked on 28 Dec 2022
1 answer
11 views

Can I set an end time for the weekly schedule view?

In one of the projects I'm working on, I need to set these parameters because shifts in the calendar start and end are non-standard.

As an example: Set the day start and end time to 6:00 am every day from 25/12/2022 to 31/12/2022.

This is what I am trying to do, but it doesn't work.

https://stackblitz.com/edit/angular-krup2a

Martin
Telerik team
 answered on 26 Dec 2022
1 answer
9 views

This is generated with this code snippet:

            <kendo-multiselect
              [checkboxes]="true"
              [autoClose]="false"
              [data]="listItems"
              [clearButton]="false"
              formControlName="referenceType"
              #multiselect
              [style.width.px]="350"
              textField="name"
              valueField="id"
              [itemDisabled]="itemDisabled"
            >
            </kendo-multiselect>

I'd like to remove the X clear icon.  Is this possible?

Martin
Telerik team
 answered on 26 Dec 2022
0 answers
21 views

Hello

I have a grid cell with filter set to menu. So the popup appears with the list of default operators that are needed to be included in the popup.

Something like below:

<ng-template
kendoGridFilterMenuTemplate
...
>
<kendo-grid-numeric-filter-menu
...
>
<kendo-filter-eq-operator> </kendo-filter-eq-operator>
<kendo-filter-neq-operator> </kendo-filter-neq-operator>
<kendo-filter-gte-operator> </kendo-filter-gte-operator>
<kendo-filter-lte-operator> </kendo-filter-lte-operator>
<kendo-filter-isnull-operator> </kendo-filter-isnull-operator>
<kendo-filter-isnotnull-operator> </kendo-filter-isnotnull-operator>
</kendo-grid-numeric-filter-menu>

</ng-template>

 

What i am trying to achieve is to add another operator like 'In' that can accept comma separated values.

I have looked at the doc (https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row/#toc-custom-filter-row-components/)

But i dont see a custom filter operator example.

Could you please let me know if its possible to do that or is there anyway i can achieve this.

 

Thanks

SM

S
Top achievements
Rank 1
 asked on 23 Dec 2022
1 answer
17 views

See this example:
https://stackblitz.com/edit/angular-7nulmk?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts,package.json

 

- When the icon is clicked, the row in the treelist is not selected.

- When k-icon class is removed from the span, it works: selection is updated

 

 

Martin
Telerik team
 answered on 23 Dec 2022
1 answer
24 views

Hi,

I am facing a case like this:
Source: https://stackblitz.com/edit/angular-v6xzlw-vrqmxj
I am using kendo grid.
The data displayed on the grid is ok but when exporting excel, the data is missing.
I've been trying to find a way for a few days but still can't solve it.
Please support.

Thanks!

May be an image of text that says '区 Export Excel Name Name Number AB 001255* AV= 66000000 Base Revenue 100001 Name Ratio 100002 196507. 90740000005 008001 AV= 10000000 Base Revenue 100003 0.27390444 Ratio Name 180776 93040000004 100004 Base Revenue 191478.3618 Name 6 0. 15730977 100005 0.29011873 7414.54119999999 15730. 977 Name7 100006 191478.3618 0.17790082 Name8 100007 117414.54119999999 31639.231799999998 Name 100008 0.04793823 122.7336 Name 10 100009 0.00018596 245.4672 Name 11 1639.231799999998 122.7336 100010 0.00037 92 Name 12 100011 245.4672 135728.67 Total 100012 0 0.2056495 0 135728.67 2593.6086 0.00392971 2593.6086'

Martin
Telerik team
 answered on 23 Dec 2022
0 answers
18 views

I have the following pdf-export-component: 

<div class="hidden-export">
  <kendo-pdf-export #pdf paperSize="A4" [margin]="margins" [scale]="scale">
    <div *ngIf="printInvoice">
      <app-printinvoice [invoice]="printInvoice"></app-printinvoice>
    </div>
  </kendo-pdf-export>
</div>

where hidden-export just renders off the screen and app-printinvoice is a simple component that renders the provide invoice  I also have a grid of invoices with selectablerows and this button:

<button kendoButton [disabled]="selectedInvoiceNums.length === 0" (click)="emailInvoices(pdf)">Email Invoice</button>

which fires this method:

emailInvoices(pdfComponent: PDFExportComponent) {
    for (let invoice of this.selectedInvoices) {
      if (!invoice.email) {
        this.toasterService.warning(`${invoice.co} does not have an email.`, 'Email Missing');
        this.removeChangedInvoice(invoice.invoiceNumber);
      }
      else {
        this.printInvoice = invoice;
        pdfComponent.saveAs(`${this.printInvoice.co}.pdf`);
        pdfComponent.export().then((group: Group) => 
          exportPDF(group)).then((dataUri: string) => {
            const base64 = dataUri.split(';base64,')[1];
            this.invoiceService.emailInvoice(this.printInvoice!.invoiceNumber, base64).pipe(takeUntil(this.destroyed$)).subscribe(result => {
              if (!result.success)
                this.toasterService.error(`Failed to email invoice for ${invoice.co}: ${result.message}`, 'Email Error');
            });
          });
      }
    }
  }

 

these are rendering blank PDF's though it is setting the name of the pdf correctly so I know it is successfully changing printInvoice.  If I set printInvoice to the first Invoice of the grid on initialization then it will save that Invoice object every time through the for loop though with different names.  I can't figure out what I am missing.

Jake
Top achievements
Rank 1
 asked on 22 Dec 2022
Top users last month
Janki
Top achievements
Rank 3
Iron
Iron
Iron
Deasun
Top achievements
Rank 3
Iron
Iron
Iron
Daniel
Top achievements
Rank 1
Iron
Alex
Top achievements
Rank 1
Iron
Iron
Sterling
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?