Telerik Forums
Kendo UI for Angular Forum
1 answer
5.3K+ views

I would like to distribute the columns on a percentage basis on the grid. Is there any way to do that?

 

I managed to do that using CSS. However, this no longer works as soon as "grouping" is used. A "colgroup" element is inserted, whose "col" elements also need a width. Is it possible to give these "col" elements a style somehow?

 

I have created a small example of this. It looks good at first sight. As soon as I arrange the columns differently or use a second grouping level, the distribution is no longer correct.

 

https://stackblitz.com/edit/angular-y8y55s

Martin Bechev
Telerik team
 answered on 25 Mar 2021
3 answers
706 views

Hello,

I'm trying to retain the value of the combobox on action error. After the user selects an option from the combobox, I run a database query to check if the option selected is valid, if not, I want the previous option to stay selected. Example: Combobox value = "N/A", user selects "COMPLETED", db check fails, combobox value should be 'N/A". I add the code below, hope to get some help with this.

Thanks,

Carla

<kendo-combobox id="complete-button"
                              (click)="$event.stopImmediatePropagation()"
                              [data]="stateListDictionary[task.id]"
                              [value]="stateListComboDefaultDict[task.id]"
                              [placeholder]="'Change State...'"
                              (valueChange)="updateTaskStatePerExperiment($event, task, experiment)"
                              [disabled]="stateListComboDisabledDict[task.id]">
</kendo-combobox>
if (taskId === 17) { // Pre Review task needs an extra check
      this.checklistApiService.getPreReviewTrackValue(this.expId).subscribe(data => {
        let dataLength = data.length;
 
        if (dataLength != 0) { //there is a track value set, so it's ok to change
          this.updateTaskHelper(taskId, status, taskItem, experimentItem);
        } else { //there is no track value
          if (status != 'COMPLETED') { //setting status other than Completed is ok
            this.updateTaskHelper(taskId, status, taskItem, experimentItem);
          } else { //status is 'Completed' so throw error
            this.stateListComboDefaultDict[taskItem.id] = "TEST";
            // this.populateCategoryChildren(this.gateId); // @TODO find a better way to clear 'COMPLETED' and keep the previous value that should not change
            let toast:Toast = {
              type: 'error',
              title: 'Task status could not be updated',
              body: 'The task could not be updated. Please select a Review Track in the Pre Review tab',
              showCloseButton: true
            };
            this.toasterService.pop(toast);
          }
        }
      }, err =>{
        console.log("Request Service Error => [getPreReviewTrackValue in gate-checklist page] generated while getting review track  " + err);
        return false;
      });
    } else {
      this.updateTaskHelper(taskId, status, taskItem, experimentItem);
    }
Martin Bechev
Telerik team
 answered on 24 Mar 2021
1 answer
270 views

Hi,

I have problem with grids and treelists where is virtualColumns set to true and with enabled column reordering. After reorder data in rows stays in old columns, only headers are in new places. Is there any workaround for this issue? Reloading data does not fix this problem.

Svet
Telerik team
 answered on 22 Mar 2021
3 answers
241 views

Greetings, 

we are having a problem with the Angular Editor.  While typing text, the editor is deleting spaces.  You can see the space disappear.  Typing the phrase "This is a Test" results in "Thisis a test".

I built a stackblitz that contains a simple of our editor page and most of our package.json.

 

https://stackblitz.com/edit/angular-z3v6s8

Please help.

Brad

Yanmario
Telerik team
 answered on 19 Mar 2021
1 answer
228 views

this is my custom implementation of the labels:

 

               <kendo-radialgauge-scale-labels

                 //what is the syntax to call my function ???
                content="getGaugeLabels(val)"  

                position="outside">
                </kendo-radialgauge-scale-labels>

 

how can I set custom labels ??

in the api documentation => 

content?
(e: any) => string
The function which returns the label content.
The available fields in the function argument are:
value—The value of the label.

 

how can I use that in angular 9 ????

Svet
Telerik team
 answered on 19 Mar 2021
1 answer
472 views

Hi, 

Telerik Grid documentation has section "Exporting Multiple Grids to the Same PDF", but following the proposed solution each grid is exported to its own page.

If I try to set multipage option for the root group, all grids are exported to the first page, but all the data is exported at the same place, so I can see only the last grid.

Is there a way not to break pages while exporting grids? Or maybe a way to transform drawing group so I can move each grid lower?

 

Regards,

Sergey.

Svet
Telerik team
 answered on 16 Mar 2021
1 answer
199 views
Is there a way to customize the Scheduler footer? For example replace the "Show business hours" button with something else>
Preslava
Telerik team
 answered on 15 Mar 2021
1 answer
1.3K+ views

Hi Team,

I am using the kendo grid in angular. but I am facing one problem in cell clickable. Let's suppose we have column in which image / icon/ or button is clickable. But now we have to do the whole cell click instead of the icon/image/button clickable. we have to perform same action which have the button or icon or image. In simple words any outside click in cell rather than the spacific image , button or anything else should be same behave as we click on the button or image or icon.

can suggest what is the best approach to implement this behaviour.

Thanks,

Ankur Gupta

Hetali
Telerik team
 answered on 12 Mar 2021
3 answers
246 views

Hi,

I'm trying to apply a cell template to the expandable column but the expand icon NOT remains aligned with the cell content (see attachment).

I need to create a complex decoration templates and i need to nest a div or something i can decorate with border color and background color and perform some ngIf.

I could reproduce the problem here:

https://stackblitz.com/edit/angular-ysa33j

How can i do?

Thanks again,

B

 

Svet
Telerik team
 answered on 11 Mar 2021
3 answers
828 views

Does anyone have an example case for pulling isDetailExpanded into a component property?

In my current scenario I'd like to be able to modulate the open and close event with the row select and I'd like to feed that information into the method to then choose collapse or expand based on the boolean value - unless there's a more compact way to achieve the same result.

Martin Bechev
Telerik team
 answered on 09 Mar 2021
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?