Telerik Forums
Kendo UI for Angular Forum
0 answers
185 views

I have a button "Show" on my website and when I click on it, an alert appears, and there is an "OK" button on that alert. I have to click on it to close the alert and finish my test case, I need to make a period before I click the OK button, please help.

Sorry for my English.

Thank you.

Khánh
Top achievements
Rank 1
 updated question on 04 Nov 2022
1 answer
125 views

I have been trying to create something in the style below. But the event never seems to fire when I select a date. Help  ? 

 

 

  //  validators: [this.sessionStartEndLogic()],
               

//  updateOn: 'change'

 

 

Martin Bechev
Telerik team
 answered on 03 Nov 2022
2 answers
162 views

Hi

I am using angular 13.

My page contains a button "New Application"

I press a button to open the window "Search for applicant"

the window is open , it contains another buttton with label "continue"

I press the "coninue" button to open the action sheet. the action sheet is open at the back and attached to the parent page not to the window.

here is the HTML


<kendo-window
  title="Search For Applicant"
  *ngIf="opened"
  (close)="close()"
  [minWidth]="800"
  [width]="1200"
  [height]="650"
>
  <dhaman-entities></dhaman-entities>
  <kendo-dialog-actions>
    <button  id="openActionSheetBttn" kendoButton (click)="Start()" themeColor="primary">
      Continue..
    </button>
  </kendo-dialog-actions>
</kendo-window>
<kendo-actionsheet
*ngIf="openActionSheet"
(itemClick)="acOnItemClick()"
(overlayClick)="acOnOverlayClick()"
[title]="title"
[items]="items"
>
</kendo-actionsheet>


public openActionSheet = false;
  public title = 'Select item';
  public items: ActionSheetItem[] = [
    {
      title: 'Edit Item',
      iconClass: 'k-icon k-i-edit',
    },
    {
      title: 'Add to Favorites',
      iconClass: 'k-icon k-i-heart',
    },
  ];


.k-actionsheet-container {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.k-actionsheet-container > .k-overlay {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

Tarek
Top achievements
Rank 2
Iron
 answered on 03 Nov 2022
1 answer
177 views

Overview - GridLayout - Kendo UI for Angular (telerik.com)

Looking at the examples here, the grid is not laying out correctly and grid col's are being ignored.

Yanmario
Telerik team
 answered on 02 Nov 2022
0 answers
148 views

Hi,

I wanted to use the treeview it does look the same like earlier. Its not right.

arrows are replaced with bulleted and checkbox is also added.

please look into this at the earliest.

 

Pavan
Top achievements
Rank 1
 updated question on 02 Nov 2022
0 answers
556 views

Team,

Kendo Angular Editor seems erroring out with the following

Error: node_modules/@types/prosemirror-model/index.d.ts:1147:40 - error TS2709: Cannot use namespace 'OrderedMap' as a type.
1147     nodes: { [name in N]: NodeSpec } | OrderedMap<NodeSpec>;
                                            ~~~~~~~~~~
Error: node_modules/@types/prosemirror-model/index.d.ts:1154:41 - error TS2709: Cannot use namespace 'OrderedMap' as a type.
1154     marks?: { [name in M]: MarkSpec } | OrderedMap<MarkSpec> | null | undefined;                                            ~~~~~~~~~~

Error: node_modules/@types/prosemirror-schema-list/index.d.ts:44:40 - error TS2709: Cannot use namespace 'OrderedMap' as a type.
44     nodes: { [name in N]: NodeSpec } | OrderedMap<NodeSpec>,                                          

Error: node_modules/@types/prosemirror-schema-list/index.d.ts:47:81 - error TS2709: Cannot use namespace 'OrderedMap' as a type.
47 ): { [name in (N | "ordered_list" | "bullet_list" | "list_item")]: NodeSpec } | OrderedMap<NodeSpec>;


Here is the package.json

 "@progress/kendo-angular-buttons": "^7.0.6",
    "@progress/kendo-angular-common": "^2.0.3",
    "@progress/kendo-angular-dateinputs": "^6.0.3",
    "@progress/kendo-angular-dialog": "^6.0.2",
    "@progress/kendo-angular-dropdowns": "^6.0.2",
    "@progress/kendo-angular-editor": "^3.1.2",
    "@progress/kendo-angular-excel-export": "^4.0.4",
    "@progress/kendo-angular-grid": "^6.1.3",
    "@progress/kendo-angular-inputs": "^8.0.8",
    "@progress/kendo-angular-intl": "^3.1.3",
    "@progress/kendo-angular-l10n": "^3.0.4",
    "@progress/kendo-angular-label": "^3.1.3    ",
    "@progress/kendo-angular-menu": "^3.0.6",
    "@progress/kendo-angular-pdf-export": "^3.0.4",
    "@progress/kendo-angular-popup": "^4.0.6",
    "@progress/kendo-angular-toolbar": "^5.0.3",
    "@progress/kendo-angular-tooltip": "^3.1.6",
    "@progress/kendo-angular-treeview": "^6.0.2",
    "@progress/kendo-data-query": "^1.5.2",
    "@progress/kendo-drawing": "^1.16.3",
    "@progress/kendo-file-saver": "^1.1.1",
    "@progress/kendo-licensing": "^1.2.2",
    "@progress/kendo-recurrence": "^1.0.3",
    "@progress/kendo-theme-material": "^5.3.1",

 

These versions of kendo was working fine and started erroring out on the orderedmap from lastweek. The existing versions of our code is also erroring out after npm installs.  We are in the process of acquiring new license, so cannot immediately upgrade to the latest license.

Any help will be greatly appreciated.

Vijey Ashok
Top achievements
Rank 1
 asked on 02 Nov 2022
1 answer
223 views

Hello,

I'm currently working on displaying a list of items as a table. The user should be able to reorder the list using a drag handle in one of the cells. It should also be able to filter items, though reordering will only be enabled if no filter is applied.

I was trying to implement this using a Kendo Data Grid and the cdk drag and drop module. This didn't work very well together.

I also looked into the new Kendo Drag and Drop Utility, but this doesn't seem to be intended for reordering elements within a collection in the same way cdk is with cdkDropList.

Is there a way to do this using a grid?

I've found other posts about this topic:

They are already 2+ years old though so I was wondering if there are any developments regarding this functionality.

Thanks!

Slavena
Telerik team
 answered on 31 Oct 2022
0 answers
253 views

Using autoFocusedElement to auto focus the dialog elements when it open. The focus functionality is working as per expected. However i am getting Angular lifecycle error while i use kendo-floatinglabel for the kendo-textbox. 

  • Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'k-focus': 'false'. Current value: 'true'.. Find more at https://angular.io/errors/NG0100
  •  

    Here is the stackblitz - https://stackblitz.com/edit/angular-oqmcb8?file=src%2Fapp%2Ftext.component.ts

     

    Asit
    Top achievements
    Rank 1
     asked on 28 Oct 2022
    2 answers
    3.2K+ views

    Hi Team,

    I attached my project with this question.

    Can you look at the problem of anchor giving the error "Property 'nativeElement' is missing in type 'HTMLButtonElement' but required in type 'ElementRef<any>'"

    StockBlitz also working fine. Only one doubt is Angular CLI version.

    https://stackblitz.com/edit/angular-5yvop3-ddr4c8?file=app%2Fapp.component.ts

    I'm using Angular CLI v12

    Can you check the attached project and solve the issue!

     

    <div class="example-config">
      <button #anchor (click)="onToggle()" class="k-button">
        {{ toggleText }} Popup
      </button>
    </div>
    <kendo-popup [anchor]="anchor" (anchorViewportLeave)="show = false" *ngIf="show">
      <div class="content">
        <!-- User-defined content -->
        Popup content.
      </div>
    </kendo-popup>

     

    Regards,

    Srinivas M.P.

    Latha
    Top achievements
    Rank 1
    Iron
     updated answer on 27 Oct 2022
    1 answer
    114 views

    Attached files show error in line number 17, so not able to build angular project, any body can help?

    Vikas
    Top achievements
    Rank 1
    Iron
    Iron
     answered on 27 Oct 2022
    Narrow your results
    Selected tags
    Tags
    +? more
    Top users last month
    Boardy
    Top achievements
    Rank 2
    Veteran
    Iron
    Benjamin
    Top achievements
    Rank 3
    Bronze
    Iron
    Veteran
    ivory
    Top achievements
    Rank 1
    Iron
    Iron
    Rob
    Top achievements
    Rank 3
    Bronze
    Bronze
    Iron
    ClausDC
    Top achievements
    Rank 2
    Iron
    Iron
    Iron
    Want to show your ninja superpower to fellow developers?
    Top users last month
    Boardy
    Top achievements
    Rank 2
    Veteran
    Iron
    Benjamin
    Top achievements
    Rank 3
    Bronze
    Iron
    Veteran
    ivory
    Top achievements
    Rank 1
    Iron
    Iron
    Rob
    Top achievements
    Rank 3
    Bronze
    Bronze
    Iron
    ClausDC
    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?