Telerik Forums
Kendo UI for Angular Forum
1 answer
154 views

I want to highlight or style  a particular item from the dropdownlist on some condition. but i don't find anything .

Could anyone suggest how I could customize it?

Adding some more information. I want to highlight the item 2021 from the list

https://i.stack.imgur.com/67R49.png

Stoyan
Telerik team
 answered on 06 Oct 2021
1 answer
1.1K+ views

Hello,

I am trying to create an application with dynamic themes (light and dark) and I would like to change the theme on the fly.

With all the kendo components I have no problems but I can't do it with the charts.

I noticed that to see the styles applied it is necessary to refresh the page (you notice by changing something in the code).
Is it possible in some way to have the styles applied to the chart?

here my stackbliz test app 

https://stackblitz.com/edit/angular-saj2p6?file=app/app.component.ts

 

 

Thanks

Yanmario
Telerik team
 updated answer on 06 Oct 2021
1 answer
248 views

Hello guys!

I managed to open a runtime window by clicking on a grid row following your suggestions in another post.

I used the following example : https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-content-component

This example is using the following template :


<div class="container-fluid">
      <dl class="row">
        <dt class="col-sm-6">Username:</dt>
        <dd class="col-sm-6">{{ name }}</dd>

        <dt class="col-sm-6">Age:</dt>
        <dd class="col-sm-6">{{ age }}</dd>
      </dl>
    </div>

 

The problem is that whatever styling I tried to style this div (for example I tried to make it a modal window with a gray background for the rest of the app page) it seems to be overwritten by some div.k-content.k-window-content styling rules that I saw in the browser console.

Any ideas on how to properly style these runtime windows?

Thank you very much!

Preslava
Telerik team
 answered on 05 Oct 2021
3 answers
640 views

Hello,

We use grids with filter menus, and we need to implement this behavior: When the user focus out of a filter or open another filter without clearing or applying the current opened filter, the state of the filter (value entered, operator) should be maintained, or at least the filter should remain open until it is manually closed. The default Filter Menu behavior is that on blur it is automatically closed, and all values are lost when it is opened again. In the jQuery grid, the state of the filter is maintained, so we try do the same for Angular grid.

I searched the documentation to find if there is any property to achieve this, but didn't find any. Is there any possibility or workaround to make this work?

Thanks, 

Iuliana

Svet
Telerik team
 answered on 04 Oct 2021
1 answer
768 views

Hello guys!

I have a button inside a grid cell that I am using to open a new tab in the tabstrip component.

The button displays a contract number

Is it possible to make this button look like a link?

Thank you!

Hetali
Telerik team
 answered on 01 Oct 2021
1 answer
164 views

Hi,

 

Do you have sample application using Bootstrap5 with many components like grid, dropdown, datePicker, icon, combobox and input ?

 

Regards

Martin Bechev
Telerik team
 answered on 01 Oct 2021
0 answers
65 views

Hi

 

I have an complex object with many fields and many date Field coming from an service

Example

export class VueSommaireModel {
  profilId: number;
  name: string;
  surname: string;
  dateDeNaissance: Date;
  //more 50 fields
  ....
   }

My service failed

   this.service.getData(this.id)
        .subscribe(x => this.form.patchValue(x));

 

My form


  this.form = this.formBuilder.group({
      profilId: [''],
      name: [''],
      surname: [''],
      dateDeNaissance: new Date(),
  ...
  ...
data

"profilId": 50531,
    "surname": "3454",
    "name": "11",
    "date": "2027-12-30"
...
...
...
...
...  ...

 

  Where is my mistake ?

Do you have complete sample with datepicker, ReactiveForm and Service

 

Regards

 

 

ixen
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 30 Sep 2021
1 answer
1.2K+ views
Hi

I have an complex object initialize from Rest WebService with many fields and there is an Date fiel, but i could init it with patch value to kendo-datepicker

Could you help me



Regards

1 json object from  MyService
{
    "profilId": 50531,
    "surname": "3454",
    "name": "11",
    "date": "2027-12-30"
...
...
..
...
...

}

2 html

 <kendo-datepicker id = "date" formControlName = "date" class = "pull-left" >  </kendo-datepicker>

    3 component
    export class DossiersDetailDossierTabsheetSommaireFormComponent implements OnInit {
    constructor(private formBuilder: FormBuilder,
        private activatedroute: ActivatedRoute,
        private router: Router,
        private dps: MyService ) {}

    ngOnInit() {
        this.registerForm = this.formBuilder.group({
            profilId: [''],
            surname: [''],
            name: [''],
date: ['']
        });

        this.dps.getData(this.id)
        .pipe(first())
        .subscribe(x => this.registerForm.patchValue(x)); //ERROR ON Date field
    }
}
ixen
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 30 Sep 2021
1 answer
137 views

As the topic explains I want to create an extra column (without column header) with buttons that every one of them opens in a kendo ui window component that has all the fields of the same row as the button, with its values as content.

Is it possible?

I am using Kendo UI for Angular

Yanmario
Telerik team
 answered on 30 Sep 2021
1 answer
152 views

Hi Team,

We are going to leverage the Kendo UI for angular Application . please help me with few licensed related doubt.

(1) Is Kendo UI for Angular free to use for commercial project?

(2)If its not free then what is the pricing tier

(3)In my development team there are 3 resources so do we need to take license for all team members or one license will workout

(4)How do i purchase & integrate the license in our project?

 

Thanks,

Sanyam

Hetali
Telerik team
 answered on 29 Sep 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?