Telerik Forums
Kendo UI for Angular Forum
1 answer
534 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
117 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
998 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
384 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
121 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
261 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
0 answers
139 views

I am using kendo ui drawing pad for obtaining digital signatures. I am able to save it as .svg file using save as and display the svg link in console.

But I am unable to extract the svg link from the function to use it outside ExportSVG. Is there any way I can do that?

Pranav
Top achievements
Rank 1
 updated question on 04 Apr 2022
1 answer
249 views

I have a grid with editing in the cell. I need to put the yellow color in each cell after this cell is edited. Can you help me please? Which is the better way in this case?In this moment I have for example : 

<kendo-grid-column [style]="isEdited ? {'background-color': '#666','color': '#fff'} : {}" field="customerDateWanted" [width]="150" editor="date" title="Cust Date"
        [format]="'{0:yyyy-MM-dd}'">
        <ng-template KendoGridEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
            <kendo-datepicker [formControl]="formGroup.controls.customerDateWanted" [format]="'dd/MM/yyyy'">
            </kendo-datepicker>
        </ng-template>
    </kendo-grid-column>

 

isEdited is a boolean that I am testing. I think that I need to put a value depending of this cell was edited or not but I don't know how.

 

Thanks!!

Martin Bechev
Telerik team
 answered on 04 Apr 2022
2 answers
186 views

Hi team,

I couldn't find how to format the same way time scheduler column for 'en-GB' and 'de-DE' languages.

Now, the format is shown for 'en-GB' is:

And 'de-DE':

How can I format it in the same way?

Thank you!

Regards,

Carina

carina
Top achievements
Rank 1
Iron
 answered on 31 Mar 2022
1 answer
1.1K+ views

Hi

I have a component that contains a kendo-grid of "Organizations". Its name is "OrganizationTableComponent" . In the table there is a button "edit" used to open another component "OrganizationFormComponent" in a kendo-window using WindowService.

In the "OrganizationFormComponent" , in the ngOnInit() , I want to receive the country record to show it on the form

the following is editAction() method in the OrganizationTableComponent

public editAction(){
    dataItem = this.selectedOrganization; // This is the seleced row
    console.log('editAction',dataItem);
    const windowRef = this.windowService.open({
      title: 'Edit Organization',
      content: OrganzationFormComponent,
      width: 400,
      top: 100,
      // is it possible to pass the selected row here when opening the window

    });

}

Dimiter Topalov
Telerik team
 answered on 31 Mar 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?