Telerik Forums
Kendo UI for Angular Forum
1 answer
104 views
I want to create a custom view with a predefined start and end date in the Gantt view, how can I do it?
Svet
Telerik team
 answered on 12 Oct 2023
1 answer
285 views

In Scheduler for  Month view . What is the max number of events that can be displayed on single day.

As of Now I am only able to 2 event's /Meeting per day in Month view.
Looks like I need to go day view when I have more than 2 events ?Meeting per day.
can we just view all the events/meeting around 5-6 in a month view on single day.
Please advise.

Martin Bechev
Telerik team
 answered on 12 Oct 2023
1 answer
438 views

The button next to the textbox in the filter row column is not showing the filter icon.  I can recreate this with a brand new angular 16 standalone project and add the most basic grid with filtering.  The filter row looks like the below. Notice the icon to clear filters shows, but the icon on the dropdown doesn't.  When I inspect, it looks like the clear button that works is using an SVG but the other is trying to use a span with class k-i-filter class which doesn't seem to be working.

 

Yanmario
Telerik team
 answered on 12 Oct 2023
0 answers
86 views
We have wondered here that large files no longer arrive completely. Ok, chunkable must be configured. The header "metadata" is now set for the request, but we miss the header "Content-Range".
Have now found nothing to the header "metadata" that this would be a new standard, should not the kendo-uploader also set "Content-Range"?
Sandy
Top achievements
Rank 1
 asked on 11 Oct 2023
0 answers
86 views
0

Below is my code snippet.

string query = $@" select name from inventory where id = @p1;

Var data=mycontext.Database.SqlQuery(query,typeid); Var returndata =data.ToDataSourceResult(request);

Here inventory is the view which contains around 262 columns and myclass is the corresponding c# class which contains the variable for view. I m getting data from db within seconds. But this ToDataSourceResult is taking very long time. Can anyone please help me on this. I cant make any changes to this view columns

Aswini
Top achievements
Rank 1
 asked on 11 Oct 2023
1 answer
248 views

Following code (shortened for simplicity):

<kendo-fileselect
  id="files"
  formControlName="files"
  [restrictions]="this.fileRestrictions"
  (select)="onFileSelect($event)">
  <ng-template kendoFileSelectFileInfoTemplate let-files>
---- shows name and validationerrors ----
  </ng-template>
</kendo-fileselect>

  async onFileSelect(ev: SelectEvent) {
    ev.files.forEach(currentFile => {
      if (currentFile.rawFile) {
        this.readFile(currentFile.rawFile).then(content => {
            let attachment = (<AttachmentModel>{filename: currentFile.name, content: content});
            this.attachmentClient.isValid(attachment, this.tenant).subscribe(
              isValid => {
                if (!isValid) {
                  currentFile.validationErrors = currentFile.validationErrors ?? [];
                  currentFile.validationErrors.push("malwareFound");
                } } ); } ); }  });  }

Explaination: I'm checking for malware here (via this.attachmentClient.isValid on server-side).

My problem: It shows the validationerror, but still adds the file to value of the control. For example it doesn't add a file with a wrong extension (restricted via kendo-fileselect restrictions) How can I set my malware-file to not end up in value? I've tried ev.preventDefault(), but this removes the file completely from the list (and I don't see the validationerror)

Screenshot:

- first file: not allowed filetype -> is not in value of control

- second file: malware -> is still in value of control

 

Regards

Stefani
Telerik team
 answered on 10 Oct 2023
0 answers
72 views

Hi  Team,

I aim to create a separate component dedicated to the toolbar within a Kendo Grid. To achieve this, I've created a `ToolbarComponent`. In the parent component's Kendo Grid, I'm utilizing an `ng-container` to include it within the 'kendoGridToolbarTemplate'. Nevertheless, the styles are not being applied as expected. Specifically, the `kendo-grid-spacer` in the toolbar component is not functioning as anticipated. Can you please provide me a sample

parent component

    <kendo-grid
      [kendoGridBinding]="eduList"
      kendoGridSelectBy="id"
      [pageSize]="pageSize"
      [pageable]="{ type: 'numeric', position: 'top' }"
      [sortable]="true"
      [groupable]="false"
      [reorderable]="true"
      [resizable]="true"
      filterable="menu"
      [skip]="skip">

      <ng-template kendoGridToolbarTemplate>
        <ng-container [ngComponentOutlet]="toolbarComponent | async"></ng-container>
        <!-- <div>a</div> <kendo-grid-spacer></kendo-grid-spacer> <div>b</div> -->
      </ng-template>

      <kendo-grid-column field="id" title="#" headerClass="t-text-primary" [width]="50" [filterable]="false">
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
          <div class="customer-number">{{ rowIndex + 1 }}</div>
        </ng-template>
      </kendo-grid-column>

      <kendo-grid-column field="" title="" [width]="50" [filterable]="false">
        <ng-template kendoGridCellTemplate let-dataItem>
          <!-- Template for the first column -->
          <kendo-button fillMode="clear" icon="edit"> </kendo-button>
        </ng-template>
      </kendo-grid-column>

      <kendo-grid-column
        headerClass="t-text-primary"
        field="Name"
        title="Name"
        [width]="200">
      </kendo-grid-column>

      <kendo-grid-column
        headerClass="t-text-primary"
        field="Age"
        title="Age"
        [width]="150">
      </kendo-grid-column>


      <kendo-grid-column
        headerClass="t-text-primary"
        field="Edu"
        title="Education"
        [width]="150">
      </kendo-grid-column>

  </div>

 

export class EduListComponent {
  public toolbarComponent = import(
    '../toolbar/toolbar.component'
  ).then(({ oolbarComponent }) => ToolbarComponent)

  constructor(
    private router: Router,
    private cdr: ChangeDetectorRef
  ) {}

}

child component:-

<button kendoButton fillMode="outline" class="t-capitalize !t-border-[#ccc]">
  Create doc
</button>
<kendo-grid-spacer></kendo-grid-spacer>
<button kendoButton fillMode="outline" class="t-capitalize !t-border-[#ccc]">
  Delete doc
</button>            
sat
Top achievements
Rank 1
 updated question on 09 Oct 2023
1 answer
596 views
Do you have any guidance on activating Kendo UI licenses for Angular in a docker build?
Martin Bechev
Telerik team
 answered on 09 Oct 2023
0 answers
89 views

Does Kendo Scheduler for Angular with custom dates range

multiple months examples 1,2,3 months view at same time.

(And does it support multiple months examples 1,2,3 months view at same time.)

And also can we custom the start and end dates. As of now I only the 1 week for custom dates.

Can you please help.

Alamo
Top achievements
Rank 1
 asked on 08 Oct 2023
0 answers
88 views
As of R3 2023 release, the font icons are detached from the themes css files. If you are still using font icons, make sure to include a reference to the font icons in your applications. You can read more information about the change in the following blog post: https://www.telerik.com/blogs/future-icons-telerik-kendo-ui-themes. It contains essential information about the change for all products and migration articles to svg icons.
Telerik Admin
Top achievements
Rank 1
Iron
 asked on 06 Oct 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?