Telerik Forums
Kendo UI for Angular Forum
4 answers
118 views

I've noticed a regression in the dropdown list when i specify the dropdown height. The shadow is resizing but not the actual 

list. Here is a plunker showing the issue

 

https://plnkr.co/edit/A8bgcQrFi6ijrwEezvRp?p=preview

 

Is this a known issue and is there a work around??

 

 

n/a
Top achievements
Rank 1
 answered on 27 Jun 2018
2 answers
5.7K+ views
I have a button and if I click on that it should open a modal and it should be displayed on entire row and when I click again it should go away with the same width as before.. it should be like hierarchical behavior. How can I achieve that?
Svet
Telerik team
 answered on 27 Jun 2018
1 answer
139 views

In my angular.js app view I initiate kendo grid with the  directive:

<kendo-grid options="gridConfig" id="grid" class="operationsGrid" flex></kendo-grid>

and in my kendo grid configuration I have a custom command action:

{ command: { name: "comment", click: showComments, template:'<md-menu><md-button aria-label="Open phone interactions menu" class="md-icon-button" ng-click="openMenu($mdMenu, $event)"> <i class="material-icons">comment</i> </md-button> <md-menu-content width="4"> <md-menu-item> <md-button ng-click="redial($event)"> <i class="material-icons">close</i> </md-button> </md-menu-item> <md-menu-item> <md-button disabled="disabled" ng-click="checkVoicemail()"> <i class="material-icons">open</i> </md-button> </md-menu-item> <md-menu-divider></md-menu-divider> <md-menu-item> <md-button ng-click="toggleNotifications()"> <i class="material-icons">comment</i> </md-button> </md-menu-item> </md-menu-content> </md-menu>' }, width: "80px" }

The button with the comment material icon appears, but the click action openMenu($mdMenu,$event) doesn't get called. I don't even get an error. 

 

whats wrong my setup? 

Svet
Telerik team
 answered on 26 Jun 2018
1 answer
897 views

I tried to integrate the keyboard navigation in my code but i get the  activeRow, activeCell attributes as undefined( in incell-tab.directive.ts file)   as shown in attached image.please check out my code in plunker and suggest a solution.

https://next.plnkr.co/edit/1p2315uxx3OAuYcM1CpL?p=preview

Dimiter Topalov
Telerik team
 answered on 26 Jun 2018
5 answers
289 views
Is there a way to configure a ScatterLine chart's x-axis so that the series goes edge-to-edge, while also ensuring that specific x-axis values get a label?

The chart I am drawing has starting and ending x-values that are not conveniently integer divisible by the major unit value for my chart. If I do not specify the axis min or max, I get a chart that looks like the first attachment. If I set the axis min/max, I get a chart that looks like the second attachment. What I would like is a combination of the two, with the labels including one at 0 like the first chart, with other labels extending outwards from there at major unit intervals. With the example of major unit 0.05, the labels on the second attachment should be [-0.15, -0.1, -0.05, 0, 0.05, 0.1]. Is this possible?

Dimiter Topalov
Telerik team
 answered on 26 Jun 2018
2 answers
2.1K+ views

To date I've made several modifications to the in-cell editing example to get it to work in my Angular reactive forms. The following is how I typically built my cellClickHandler and cellCloseHandler:

 

  public cellClickHandler({ sender, rowIndex, columnIndex, dataItem, isEdited }) {

    if (!isEdited) {
      sender.editCell(rowIndex, columnIndex, this.createFormGroup(dataItem));
    }
  }


  public cellCloseHandler(args: any) {
    const { formGroup, dataItem } = args;

    if (!formGroup.valid) {

      args.preventDefault();
    } else if (formGroup.dirty) {

      this.editService.assignValues(dataItem, formGroup.value);
      this.editService.update(dataItem);

      let iFeasibilityFlag: IFeasibilityFlag = {
        'id': dataItem.id,
        'flagSeq': dataItem.flagSeq,
        'location': dataItem.location,
        'warning': dataItem.warning,
        'description': dataItem.description,
        'stop': dataItem.stop
      }

      this.feasibilityFlagService.save(iFeasibilityFlag, false);
    }
  }

  public createFormGroup(dataItem: any): FormGroup {
    return this.formBuilder.group({
      'id': dataItem.id,
      'flagSeq': dataItem.flagSeq,
      'location': dataItem.location,
      'warning': dataItem.warning,
      'description': dataItem.description,
      'stop': dataItem.stop
    });
  }

 

This works fine if I have data I'm keying in by hand but I've noticed that this pattern doesn't give me a formgroup name that I can latch onto such as if I need to declare in kendoGridEditTemplate: let-formGroup="namedFormGroup" or in kendo-dropdownlist: [formControl] ="namedFormGroup.get('property')"

 

The attached pictures show how I'm trying to contend with this at present. Unfortunately while I've tried this several ways the following tends to show up often and I'm not sure how to read this error:

TypeError: control.setParent is not a function

 

Take a look at the attached images and let me know if there's something you can think of that I need to add to these or if you see something I'm doing breaking the typescript let me know what I'd need in order to map it correctly.

 

Thank you!

 

Ron
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 25 Jun 2018
1 answer
92 views

Is there an update to the Visual Studio template mentioned here

https://www.telerik.com/blogs/cooking-with-aspnet-core-and-angular-2

To use Core 2.1.x and Angular 6.x ?

 

Dimiter Topalov
Telerik team
 answered on 25 Jun 2018
2 answers
437 views

Hello

I know that a DateTimePicker does not exist (yet). I'm trying to create the same experience using a DatePicker and TimePicker. However, the effect is not working as intended.

Please see: https://plnkr.co/edit/o4UnJzoPlMgKJGigiZEN?p=preview

If you click "Add new", input some data and change both the date and time and click "Add". You will see that either the date OR time will be set correctly (depending on which one you changed last), but not both.

The same thing happens when updating a row.

Can someone please help me fix this?

Casper
Top achievements
Rank 1
 answered on 22 Jun 2018
2 answers
2.3K+ views

Hi Team,

I created the multiselect dropdown within the form.

I have save button while clicking on that I have to get  selected text with comma separated from multiselect dropdown.

Please refer code in below plnkr link, this code contains to get the selected value, here I want how to get selected text?

https://next.plnkr.co/edit/Z1wSsHjhWa9BelfV

Please help me on this.

 

Thanks.

 

 

Sankar
Top achievements
Rank 1
 answered on 21 Jun 2018
2 answers
104 views

Is there a way to define a no-record template for a kendo chart similiar to nesting a <ng-template> tag with the kendoGridNoRecordsTemplate directive inside <kendo-grid>?

Thanks!

Svet
Telerik team
 answered on 20 Jun 2018
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?