Telerik Forums
Kendo UI for Angular Forum
0 answers
145 views
Is there any docs or sample app in NodeJs or so for a back end of what the File Upload component expects to implement some of these features.
David
Top achievements
Rank 1
 asked on 21 Sep 2022
0 answers
126 views

Hello,

I would like to implement exactly the same behaviour as in this kendo-multiselect for jQuery https://docs.telerik.com/kendo-ui/knowledge-base/listview-multipleselection-drag-to-select-draggable

How can I do it in angular ??

 

Here is my multiselect.

To be honest I dont know how to approach this. As you an see I have 

kendoMultiSelectTagTemplate

And I would like to reorder this partictular element actually(in my case this is string with one checkbox that is readonly)

              [checkboxes]="{ checkOnClick: false, enabled: true }"
              formControlName="selectedLanguages"
              (valueChange)="onSelectedLanguageChange($event)"
              [autoClose]="false"
              textField="Language"
              valueField="Value"
              [data]="availableLanguages">
              <ng-template kendoMultiSelectItemTemplate let-dataItem>
                <span> {{ dataItem.Language }}</span>

                <label class="use-channel-lang-label" [for]="useChannel"> Use channel language: </label>
                <input
                  type="checkbox"
                  (change)="onUseChannelLangValueChange($event, dataItem)"
                  #useChannel
                  [checked]="dataItem.UseChannelLanguage"
                  kendoTooltip="Use channel language"
                  kendoCheckBox />

              </ng-template>

              <ng-template kendoMultiSelectTagTemplate let-dataItem>
                <span>{{ dataItem.Language }}</span>
                <kendo-sortable [kendoSortableBinding]="languages"></kendo-sortable>
                <input type="checkbox" [checked]="dataItem.UseChannelLanguage" [disabled]="true" kendoCheckBox />
              </ng-template>
            </kendo-multiselect>

Bartek
Top achievements
Rank 1
 asked on 21 Sep 2022
1 answer
350 views

Hello,

I have a form in component. One of controls is checkbox. I'm setting initially its state to disabled, but it's not working, it's always enabled.

        <kendo-formfield [orientation]="'horizontal'">
          <kendo-label [for]="searchWithoutRouteCheckbox" text="wyszukaj bez trasy"></kendo-label>
          <input type="checkbox" #searchWithoutRouteCheckbox class="search-without-route-type"
            [formControlName]="formNames.searchWithoutRoute" [value]="formModel.searchWithoutRoute" kendoCheckBox
            [disabled]="areControlsDisabled" />
          <app-form-error [controlName]="formNames.searchWithoutRoute" [form]="form"></app-form-error>
        </kendo-formfield>

 

  /**
   * If form controls should be disabled
   * @type {boolean}
   * @public
   */
  public areControlsDisabled: boolean = true;

 

  /**
   * Fired when railway objects combobox value is changed
   * @param {RailwayObject} value railway object item
   * @public
   */
  public railwayObjectsValueChange(value: RailwayObject): void {
    if (value) {
      this.areControlsDisabled = false;
      this.isSearchButtonDisabled = false;
      this.isClearButtonDisabled = true;
      return;
    }
    this.areControlsDisabled = true;
    this.isSearchButtonDisabled = true;
    this.isClearButtonDisabled = true;
  }

 

 

Martin Bechev
Telerik team
 answered on 20 Sep 2022
1 answer
157 views

Hi,

In our application we use translation by providing LOCALE_ID value in app.module. Everything works well. It's just that we found some component elements' translation incorrect for our usecase. I mean specifically month names in kendo-datepicker, which are in incorrect grammatical form for polish version. I have not found keys for the mentioned. Is there a way to customize the translation of element's texts besides those seen in the custom messages component? I'll be grateful for the detailed approach.

Kind regards

Martin Bechev
Telerik team
 answered on 20 Sep 2022
0 answers
907 views

Hi,

In my organization's project we are using telerik controls and for one requirement we were calling saveAS method of angular by passing proxy URL and getting PDF content from .net API. It was displaying PDF in new tab and working fine with all browser.

We followed below approach.

https://www.telerik.com/kendo-angular-ui/components/file-saver/server-proxy/

Now , we are upgrading our apps for latest angular and .net core 6 version . During upgrade we noticed that we have to change the .net API method something like below as HttpResponseMessage is not working in .net 6.

Following changes we made for API method.

[HttpPost]
        [Route("savepdfdocument")]
        public FileContentResult SavePDF([FromForm]FileData file)
        {


            var data = Convert.FromBase64String(file.Base64);
            Response.Headers.Add("Content-Disposition", "inline; ; filename=" + file.FileName);
            Response.Headers.Add("Transfer-Encoding", "identity");
            return File(data, file.ContentType); //file.ContentType ="application/pdf"

}

Now if we are using "Content-Disposition" as "attachement " with file name then all browser download the PDF file correctly.

Issue: With Response.Headers.Add("Content-Disposition", "inline; ; filename=" + file.FileName);

All browser display the PDF correctly in new tab, no issue in display.

But once we try to download the PDF file from browser PDF viewer then following issue occurred in chrome and IE edge(in FF it is working).

1- In download file name it taking as action method name without .pdf, in our case 'savepdfdocument'

2- Download fails with message Network Error(while not network call happening)

We checked headers , and it have all necessary value like below

  1. Content-Disposition:
    inline; filename=34455.pdf
  2. Content-Length:
    73847
  3. Content-Type:
    application/pdf

Please suggest/help if we are doing anything wrong here?


Vijay
Top achievements
Rank 1
 asked on 18 Sep 2022
1 answer
252 views

Trying out the new fluent theme, most components are looking good but the menu looks very condensed, even in the examples.


https://www.telerik.com/kendo-angular-ui/components/menus/menu/

 

 

Can this be fixed?

 

 

Martin Bechev
Telerik team
 answered on 16 Sep 2022
1 answer
767 views

Hi,

I am trying to update my angular kendo ui components to the latest version, but it fails on npm install (tried also removing and re-adding).

Error is as following:

Any help would be welcome :)

Thank you

Vedad

Miroslav
Telerik team
 answered on 15 Sep 2022
0 answers
111 views

Hi Team,

In Grid's In-line Edit, the tab navigation from the current cell's element to the next cell's element is expected to be achieved on both the Tab key and the Enter Key.  Navigation on the Tab Key press is achieved. We are looking for your help to achieve the same in the Enter Key Press as well. In fact, when the key press happens on either the Tab Key or Enter key on the last column of a row, it is also expected to create a new row below.  Please help to have your advice in achieving them.

Thanks

Daiki
Top achievements
Rank 1
 updated question on 13 Sep 2022
0 answers
139 views

Hi Community members,

How can we shift the following columns choice functionality

from each column menu to a icon at grid header like the settings icon below:

 

Please suggest.

Abhishek
Top achievements
Rank 1
 asked on 12 Sep 2022
0 answers
211 views

Hi Community Members,

we are evaluating the Kendo UI framework for a revamp of a 400 screen project. We have almost finalized it but we are struggling with a couple of cases, one of which is defined below:

How can we convert Kendo Grid list view

to Card view by click of a button

Anyone has any idea on how best to implement it.

Abhishek
Top achievements
Rank 1
 asked on 12 Sep 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?