Telerik Forums
Kendo UI for Angular Forum
0 answers
295 views
For the Angular Data Grid, I use the autoFitColumn property as below to expand all the columns to take the maximum width of the column. I have large column names and default is set to not wrap hence column widths are as per the column names and not the content. This is desired behavior on initial rendering. However upon user resizing of columns, I would like column names to wrap, I am not able to figure this one out. 
If I set the css property as below to normal then on initial rendering, it will wrap column name and I do not want that

Also how to add a tooltip to the column name. This helps with resizing which cuts the header with ellipsis


  public ngAfterViewInit() {
  
    if (this.grid && this.grid.columns) {
      this.grid.columns.forEach((item, index) => {
        if (!this.isColumnWidthSet(item.field))
          this.grid.autoFitColumn(item);
      });
    }

  }
  
  css property to use 
  
.k-column-title
{
    white-space:normal;
}
Kunal
Top achievements
Rank 1
 asked on 11 Nov 2022
0 answers
1.1K+ views

Hi together,

On my local environment my license activation works well - I use the license key file there. But during deployment, I have a problem with the license activation - I need it because I call ng build there. I use an environment variable there.

This is how I do the license activation during deployment with Azure DevOps and YAML script:

  1. I've added a variable inside my DevOps library named KENDO_UI_LICENSE. The value of the variable is the content of my local license key file. The variable is a secret variable, but I have the same problem, if it is a normal text variable
  2. In my YAML file I do the following steps:

- task: Npm@1
        displayName: Install Packages for Angular Client
        inputs:
          command: ci
          workingDir: '<my working dir>'

 - script: 'npx kendo-ui-license activate'
        displayName: Activate Kendo UI License
        workingDirectory: '<my working dir>'
        env:
          KENDO_UI_LICENSE: $(KENDO_UI_LICENSE)

 - task: Npm@1
        displayName: Build Angular Client
        inputs:
          command: custom
          workingDir: '<my working dir>'
          customCommand: 'run build'

Everything works well except the "Activate Kendo UI License" script, there I get the error "License key signature is not valid". I think there is a problem with the environment variable.

Here is the output of the DevOps Pipeline console:

For 'npm ci':

> @progress/kendo-licensing@1.2.2 postinstall D:\agent\_work\1\s\DSO.Isys.Web.Client\IsysApp\node_modules\@progress\kendo-licensing

> node ./bin/kendo-ui-license.js activate --ignore-no-license

(INFO) Kendo UI: KENDO_UI_LICENSE environment variable not set

For 'npx kendo-ui-license activate':

Skriptinhalte:
npx kendo-ui-license activate
========================== Starting Command Output ===========================
"C:\Windows\system32\cmd.exe" /D /E:ON /V:OFF /S /C "CALL "D:\agent\_work\_temp\ed2dfcbf-634f-43e2-8232-208b8ca7e658.cmd""
(INFO) Kendo UI: Reading license from KENDO_UI_LICENSE environment variable...
(ERROR) Kendo UI: License key signature is not valid. Please, download a new copy of the license and try again.
##[error]"Cmd.exe" wurde mit dem Code "2" beendet.

 

 

What am I doing wrong here?

Thanks for your help,

Katharina

Katharina
Top achievements
Rank 1
Iron
 asked on 09 Nov 2022
1 answer
345 views

I am using a donut chart and have data with wide varying data values. This means that some of the individual segments can be very small. I would like to display the value next to each label e.g. Active [890], Backlog [2156], Rejected [2].

I need this for both labels around the chart or in the Legend on charts where I only display the legend.

Attached chart shows an example of my chart. The yellow highlights are where I'd like the data value to appear.

Thanks

Hetali
Telerik team
 answered on 08 Nov 2022
0 answers
205 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
160 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
192 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
195 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
166 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
605 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
245 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?