Telerik Forums
Kendo UI for Angular Forum
1 answer
93 views

Hello,

is it possible to have all the chart configuration in a object that implements ChartOptions and then pass it to the chart component in the template?

Something like this:

const myConfig: ChartOptions = {
  series: mySeries,
  title: myTitle,
  ...
}

and then in the template:

<kendo-chart [chartOptions]="myConfig"></kendo-chart>

Thank you.

Kind regards.

Martin Bechev
Telerik team
 answered on 13 Apr 2023
0 answers
106 views
Hello, i would like to create a scatter line chart that display height in y axis related with age in xAxis i would like that the age in xAxis is only display as integer number even if i zoom on the chart, actually if i zoom in the chart the ages on xAxis start to be display as float and became unreadable.
I must use scatterLine because the ages could be encode as float (in year) for exemple the age of a child of 6 months will be "0,5" so i can't use line chart that have static datas for xAxis. But display "0,789" as age is not readable.

There is a way to set the xAxis static for scatterLine even with zoomable chart ? Or at least only display integer values ?
Cyril
Top achievements
Rank 1
 updated question on 12 Apr 2023
0 answers
113 views

Hi Experts,

I want display ToolTips on Dropdown list options. I tried to use  use kendoPopoverContainer, but the filter can't work. Can someone share me some idea for this? Thanks.

 <div kendoPopoverContainer filter=".hasHint" [popover]="myPopover" showOn="hover">
    <kendo-label [for]="lookupTypesList" text="Lookup Type:"></kendo-label>
    <kendo-dropdownlist displayTextField="Text"
                        textField="Text"
                        valueField="Text"
                        [data]="lookupFields"
                        (valueChange)="setLookupField($event)"
                        #lookupTypesList>
      <ng-template kendoDropDownListItemTemplate let-dataItem>
        <span class="hasHint" *ngIf="(dataItem.Note != '')">{{ dataItem.Text }}</span>
        <span *ngIf="(dataItem.Note =='')">{{ dataItem.Text }}</span>
      </ng-template>
    </kendo-dropdownlist>
</div>

<kendo-popover #myPopover body="Has Hint">
</kendo-popover>

 

public lookupFields: any = [
    {
      Text: "Option 1",
    Note: "This is Hint 1"
    },
    {
      Text: "Option 2",
    Note: ""
    },
    {
      Text: "Option 3",
    Note: "This is Hint 3"
    }
  ];

 

Denny
Top achievements
Rank 1
 asked on 11 Apr 2023
1 answer
145 views

Hi ,

I want to design a grid interface which can be used to create a simple grid or complex grid.

Requirements;-

1) Simple grid columns or grid with multiple span columns.

2) Filter, Custom Filter & Multi Select dropdown Filters

3) Columns with editable controls features like fields having text fields, dropdown fields and radio buttons.

What I have done:-

To achieve above requirements I have created below things

1) Created a grid interface.

2) Create a grid config file having different properties for different functionality. This will be loaded while creating the grid.

Issues:-

But my template file becomes too big to meet all my custom and complex requirements. It is now very difficult to maintain.

How could I design the grid interface so that all the functionality will be properly distributed and connected?

Martin Bechev
Telerik team
 answered on 11 Apr 2023
0 answers
109 views
i have a scenario where this functionality is required. I tried to take the basic samples given for Kendo Angular Grid in stackBlitz and added a button click event. inside the button click event i am toggling the navigable attribute to false. But, this is not having any impact.
Thambu
Top achievements
Rank 1
 updated question on 09 Apr 2023
0 answers
87 views

Hello,

I would like to try Kendo line chart.

The feature I'm looking for:

On the line chart I want to mark a rectangle (x0<x<x1, y0<y<y1)

Only this rectangle will be zoom in.

Also: I'm working with cli 8.3.8 

Is it possible to use Kendo with this version ?

Thank you,

Zvika

Zvi
Top achievements
Rank 1
 asked on 07 Apr 2023
0 answers
198 views
Context: kendo grid.
How can I make the DELETE button visible/invisible based on there being at least one grid row selected?
Lino
Top achievements
Rank 1
 updated question on 07 Apr 2023
1 answer
159 views

I have a kendo-grid with pageable set to true and can navigate to page 2. This all works fine. (see below)

If I then reload the grid data with new data, the view is still on page 2. How do I force a reset so the grid goes back to page 1?

<kendo-grid
                    [kendoGridBinding]="gridItems"
                    [navigable]="true"
                    [isDetailExpanded]="expandDetail"
                    (detailExpand)="onDetailExpand($event)"
                    [selectable]="{enabled: false}"
                    [kendoGridSelectBy]="false"
                    (cellClick)="onRowClicked($event)"
                    [scrollable]="true"
                    [pageable]="true"
                    [pageSize]="100"
                    [hideHeader]="true"
                    [columnMenu]="false"
                    class="section-l-grid"
                    #secondGrid
Martin Bechev
Telerik team
 answered on 06 Apr 2023
0 answers
92 views

Hi All,

There' are some accessibility errors shown in 'WAVE' tool when Kendo Treeview is scanned. It says 'Empty form label'. The labels don't seem to have any text associated with it. Any fix to overcome this issue? 

Below are the screenshots of Telerik Demo of the control, when scanned.

Thanks,
Milinda




Milinda
Top achievements
Rank 1
 asked on 06 Apr 2023
1 answer
98 views

I'm interested in potentially making use of the jQuery FileManager widget within a project that exclusively uses Kendo UI for Angular.

I was wondering if there's a prescribed way to be able to include the jQuery component and/or if there are plans to port it to Angular.

Martin Bechev
Telerik team
 answered on 05 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?