Telerik Forums
Kendo UI for Angular Forum
0 answers
81 views

Hello,

I want to mark the same date in all years. For example 1 January or 23 April to be marked in all years. Can you help me please? 

 

Thank you!

  public baseData: any[] = [
    {
      Id:1,
      Title: "23 Nisan Ulusal Egemenlik ve Çocuk Bayramı",
      Start: "2022-04-23T00:00:00.000Z", //all year
      End: "2022-04-23T00:00:00.000Z", //all year
 
    },

]

Cansu
Top achievements
Rank 1
 asked on 08 Apr 2022
1 answer
478 views

How to change dates (click and drag corner of box) or move boxes (click and drag middle of box) in gantt chart if I am using kendo for Angular?

I know that it is possible with jQuery but didn't find how to do it for Angular.

Martin Bechev
Telerik team
 answered on 08 Apr 2022
1 answer
333 views
I have a Scroll view component displaying a lot of images one by one (whenever you click the next or previous button the image changes) and i've been wondering : Is it possible to Force Scrolling to a Selected Element without clicking on the next/previuos button . I mean i can create a button (not related to the Kendo Scroll but related to one of the images) and whenever i click, it will scrolll automatically to that image. It is possible with Kendo for JQUERY when Handling the change event but i haven't found anything for angular.
Valentin
Telerik team
 answered on 08 Apr 2022
1 answer
2.4K+ views

HI

This demo shows that you can only insert one row at a time

https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-template-forms/

My case is diffrent.

I have a component that displys a grid for the currencies.

above the girid is "add" button. this is the senario :

1- the user should press add button to create new row in the grid

2- the user enter the name of the currency and all other attributes

3- then the user press add button once again to insert new row , and the repeat step 2 ,and repeat step 1 again

at the end, the user press "Save" button only one time to save all the records that he insered in the grid

IS this possible in kendo grid component

if yes, do you have any demo for this

 

thank you

Martin Bechev
Telerik team
 answered on 07 Apr 2022
1 answer
350 views

How do you right align input when displayed, and left align input on focus? 

Hetali
Telerik team
 answered on 05 Apr 2022
0 answers
85 views

Hello All,

We are using a kendo grid and which is having few locked columns and a few which are not locked. Since there is a constraint the width needs to be set for each column if there is a locked column, we are setting the width for each column, Which makes the grid header not look good in bigger displays. You can see in the below screenshot that after the last column, there is some empty space. In smaller screens, this won't occur since the width we set exceeds the viewport width. Is there a way we can make this responsive?

Nidhin
Top achievements
Rank 1
 asked on 05 Apr 2022
1 answer
881 views

I have preloaded tree View and add node button. I have one text box to enter node name and tree drop down to select the parent node.

After entering node name and parent node, I will click on add node button. On click event it should add newly entered node under specific parent node.

Please let me know how to achieve this.

 

Hetali
Telerik team
 answered on 04 Apr 2022
1 answer
299 views

I have 10 items as a string array displaying using Kendo UI sortable and I have  one treeView. I want to do drag and drop from that list to this treeview. As and when I drop item from list to treeview it should ask me to enter name of that node.(means node should be editable.)

EX: I have a list of items like site, building

And I have a treeview of many sites and building under different site. As and when I drag and drop building from list to treeview(under any site),it should as me to enter the name of building.

 

Please provide solution for the above scenario.

Martin Bechev
Telerik team
 answered on 04 Apr 2022
0 answers
82 views

Since we want to use a pivot grid in our Angular application, the question arises when the next Kendo release with the Angular Pivot component will be released. We saw that Angular Pivot component will be released in 2022. But unfortunately there was still no release in 2022. Could you estimate when the next release with the Angular pivot component will come.

 

Best Regards

Ahmad Al Edlbi

Ahmad
Top achievements
Rank 1
 asked on 04 Apr 2022
1 answer
204 views

Hello, I have the following scenario:

The column status is represented in the following code:

   <kendo-grid-column  [headerStyle]="{'font-weight': 'bold'}" [width]="200" field="status" title="Status">
        <ng-template kendoGridCellTemplate let-dataItem>
            <span class="whole-cell" [style.backgroundColor]="colorCode(dataItem.status.description)">
                <kendo-combobox [data]="statuses" textField="description" valueField="code" [filterable]="true"
                    (filterChange)="handleFilter($event)" [(ngModel)]="dataItem.status">
                </kendo-combobox>
            </span>
        </ng-template>
    </kendo-grid-column>

 

 

When I click in the blue part, the grid run the following code:

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

 

 public createFormGroup(dataItem: any): FormGroup {
    return this.formBuilder.group({
      orderNumber: dataItem.orderNumber,
      status: [dataItem.status, Validators.required],
      customerDateWanted: dataItem.customerDateWanted,
      providerShipDate: dataItem.providerShipDate,
      boxesCount: dataItem.boxesCount,
      providerCode: dataItem.providerCode,
      brand: dataItem.brand,
      postharvest: dataItem.postharvest,
      boxType: dataItem.boxType,
      bunchesUnitPerBox: dataItem.bunchesUnitPerBox,
      flowerCost: dataItem.flowerCost,
      observation: dataItem.observation,
      slots: dataItem.slots,
      flowerCode: dataItem.flowerCode,
      flowerGrade: dataItem.flowerGrade,
      composition: dataItem.composition,
      pricesB: dataItem.pricesB
    });
  }

I have a doubt about the isEdited field because always is false, when is true?

In the next link you can see the problem with the component:

https://www.loom.com/share/8bf170aefde14cafa44e6250ab6d7b76

 

dataItem.status is an object like {value:1, description:"PROCESS"}

 

Which is my problem ?

 

Thanks!

Svet
Telerik team
 answered on 04 Apr 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
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?