Telerik Forums
Kendo UI for Angular Forum
1 answer
167 views

Is it possible to add legend to waterfall chart? Now, its not working

<kendo-chart>

  <kendo-chart-value-axis>
    <kendo-chart-value-axis-item
      [labels]="valueAxisLabelConfig"
      [majorUnit]="20000"
      [min]="valueAxis().min"
      [max]="valueAxis().max"
      [majorGridLines]="lineColor"
      [line]="setVisible">
    </kendo-chart-value-axis-item>
  </kendo-chart-value-axis>

  <kendo-chart-category-axis>
    <kendo-chart-category-axis-item [line]="lineColor"
                                    [visible]="false"
                                    [majorGridLines]="setVisible"
                                    [majorTicks]="setVisible">
    </kendo-chart-category-axis-item>
  </kendo-chart-category-axis>


  <kendo-chart-series>
    <kendo-chart-series-item
      type="waterfall"
      [gap]="2.5"
      [data]="data"
      [visibleInLegend]="true"
      field="value"
      categoryField="title"
      [color]="pointColor.bind(this)">

      <kendo-chart-series-item-labels
        [content]="labelContent"
        [font]="'bold 12px OpenSans, sans-serif'"
        position="outsideEnd"
        background="none"
        color="#000">
      </kendo-chart-series-item-labels>

    </kendo-chart-series-item>

  </kendo-chart-series>

  <kendo-chart-legend position="bottom"
                      [spacing]="38"
                      [visible]="true"
                      [labels]="legendOptions"
                      [markers]="markerOptions">
    <kendo-chart-legend-item
      [cursor]="'pointer'"></kendo-chart-legend-item>
  </kendo-chart-legend>

</kendo-chart>

Svet
Telerik team
 answered on 01 Sep 2020
1 answer
293 views

Hi

When user clicks "Export" button it takes about 10 minutes before download starts for grid with 300 000 records. Is there a way to display a loading indicator at least while export file is generating?

 

Martin Bechev
Telerik team
 answered on 01 Sep 2020
1 answer
352 views
Is it possible to use a Grid from Kendo UI for Angular into a Nativescript app?
Svet
Telerik team
 answered on 31 Aug 2020
1 answer
242 views

I am using Kendo UI for Angular and trying to do a multi-grid export per the instructions given at 

https://www.telerik.com/kendo-angular-ui/components/excelexport/how-to/export-to-separate-sheets/

I would like to present a "waiting" indicator to the user until the report is actually downloaded.

The problem is that:

this.gridElements.first.kendoExcelElement.save(workbooks[0]);

returns immediately, and I don't know of a way to monitor the status of the download to detect once it has finished. Any tips for how I can detect finish?

Here is the code for the export:

  this.loaded = false;
    //Multi-export method outlined at: https://www.telerik.com/kendo-angular-ui/components/excelexport/how-to/export-to-separate-sheets/
    Promise.all(elementsWithData.map(c => c.kendoExcelElement.workbookOptions())).then((workbooks) => {
      //Set the name on the parent workbook/sheet
      workbooks.forEach((w, index) => {
        //Don't add the first workbook since that would result in duplicate sheets based on the fact
        //that the first workbook is the one being concatenated too...
        if(index > 0) {
          workbooks[0].sheets = workbooks[0].sheets.concat(w.sheets);
        }
      });
      //our problem is that this save call does not wait, and does not return a promise to hold on...
      this.gridElements.first.kendoExcelElement.save(workbooks[0]);
    }).catch(e => console.log(e))
    .finally(() => this.loaded = true);

Thanks!

Martin Bechev
Telerik team
 answered on 28 Aug 2020
3 answers
640 views
I have form where I am getting a path returned from an API.  I'd like to use file selector to select a file from that path.  Is there anyway to accomplish that? 
Martin Bechev
Telerik team
 answered on 27 Aug 2020
1 answer
3.9K+ views

Hi I  am working on the kendo Grid where  the color of the row should change based on the Category name, Which I will hard code and switch between the values in rowCallback function.

However as per the example   https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-rowclass There is only even and odd, So can I do a switch functionality using the rowCallback function.  or do I need to use the "Styling Cells on the Fly" functionality https://www.telerik.com/kendo-angular-ui/components/grid/styling/#toc-styling-cells-on-the-fly where I need to mention the style for each specific cell in  entire row.

 

 

Regards

K Govardhan.

Martin Bechev
Telerik team
 answered on 27 Aug 2020
4 answers
2.0K+ views

Currently, if we set the kendo-grid filterable="menu", clicking on the filtericon in a grid column opens a dialog with a dropdownlist of filter operators, an input text field, a dropdownlist of logical operators (AND, OR), a dropdownlist of filter operators and an input text field.  (see attached png).

For my project, I only want to show one dropdownlist of filter operators and one input field in the filter menu popup dialog. Is it possible to customize the kendoGridFilterMenu template?

Thanks for any suggestion.

rahul
Top achievements
Rank 1
 answered on 26 Aug 2020
0 answers
119 views

Is it possible to group two or more resources together on data with relationship reference in scheduler?

Below is the sample code we are trying to implement, we wanted to check if we can map between two resources [Specialities, Practitioners].

In Practitioners data, it will have SpecialityID field which refer back to [Specialities](SpecialityID) field?

public group: any = {
    resources: ['Specialities', 'Practitioners'],
    orientation: 'horizontal'
};
 
public resources: any[] = [{
    name: 'Specialities',
    data: [
        { text: 'Phsiotheraoy', SpecialityID: 1, color: '#6eb3fa', type: 'Room' },
        { text: 'Massage Therapy', SpecialityID: 2, color: '#f58a8a', type: 'Room' },
        { text: 'Chiropractic', SpecialityID: 3, color: '#f58a8a', type: 'Room' }
    ],
    field: 'roomId',
    valueField: 'value',
    textField: 'text',
    colorField: 'color',
    multiple: false
}, {
  name: 'Practitioners',
    data: [
        { name: 'Angelo Williams', Personvalue: 1, color: '#008AFF', type: 'Person', img: this.firstContactImage, initials: 'AW', SpecialityID: 1 },
        { name: 'Desiree Watson', Personvalue: 2, color: '#E91E63', type: 'Person', img: this.secondContactImage, initials: 'DW', SpecialityID: 1 },
        { name: 'Aron Patrickson', Personvalue: 3, color: '#43A047', type: 'Person', img: null, initials: 'AP', SpecialityID: 2 },
        { name: 'Benjamin Chris', Personvalue: 4, color: '#B7342C', type: 'Person', img: null, initials: 'BC', SpecialityID: 3 },
    ],
    field: 'personID',
    valueField: 'Personvalue',
    textField: 'name',
    colorField: 'color',
    multiple: false
}];

 

Attached image is how this render, it will have each Specialities (3) on first grouping and each Practitioners (4) on the second grouping.

The question is, for example is it possible to only display [Angelo Williams, Desiree Watson] under [Phsiotheraoy], [Aron Patrickson] under [Massage Therapy] and [Benjamin Chris] under [Chiropractic]? 

So which mean is it possible to display Phsiotheraoy (2) Practitioners, Massage Therapy(1) Practitioner and Chiropractic(1) Practitioners, rather than each of them have all (4) Practitioners? 

 

Thanks 

Jay
Top achievements
Rank 1
Veteran
 asked on 26 Aug 2020
1 answer
170 views

Hello, 

 

While I am pasting an excel cell which has a background color and the font is bold, the styles won't be rendered inside the editor.

 

Is the pasting of formatted excel cells supported in Kendo Angular Editor?

 

Thanks.

Martin Bechev
Telerik team
 answered on 25 Aug 2020
2 answers
4.2K+ views
Is it possible to open all detail lines in the Detail Row Template on grid creation? I've seen it mentioned that the Master Detail Grid could implement the  expandRow() API but I also see that the Detail Row grid variant (at least in the example) doesn't make use of GridComponent. Can GridComponent be hooked in to make use of this feature or would I need to try implementing this from a different angle?
Martin Bechev
Telerik team
 answered on 25 Aug 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?