Grop By Drop Down

Hi 

Here i need to change the color Group name . how to achieve this ?Image_4600_1733726784891


7 Replies

PK Priyanka Karthikeyan Syncfusion Team December 10, 2024 09:41 AM UTC

Hi cipl 1177,

 

Thank you for reaching out to us!

 

To customize the color of the group header in the DropDownList, we have prepared a sample demonstrating how to achieve this using the cssClass property. Below is the code snippet and a link to the working sample for your reference:

 

app.component.html

 

 

<ejs-dropdownlist ... cssClass="e-custom"></ejs-dropdownlist>

 

 

app.component.css

 

 

.e-custom .e-dropdownbase .e-list-group-item,

.e-custom .e-dropdownbase .e-fixed-head {

    color: aqua;

}

 

Sample: https://stackblitz.com/edit/angular-bt3ttyyz-utclgu3r?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fapp.component.css

 

For more information, please refer the below UG documentation:

https://ej2.syncfusion.com/angular/documentation/drop-down-list/style

https://ej2.syncfusion.com/angular/documentation/api/drop-down-list/#cssclass

 

Regards,

Priyanka K



C1 cipl 1177 replied to Priyanka Karthikeyan December 11, 2024 12:41 PM UTC

Thank you 



KG Kalpana Ganesan Syncfusion Team December 12, 2024 06:01 AM UTC

Hi Cipl 1177,


You're welcome. Please get back to us for further assistance.


Regards,

Kalpana.



C1 cipl 1177 December 24, 2024 03:27 PM UTC

Hi team 


we are facing sync fusion drop down issue . When we group the drop down and scroll down it is working fine. But when we scroll back up wrong group header is being displayed. how to resolve this. User   asking this issueImage_3141_1735052558451



Some time we are getting empty for data in the grouped elements . after page refresh its working fine. we are using

synfusion version 20.1.47 . after searching name is showing again cleared value came empty


Image_9728_1735053984814



PK Priyanka Karthikeyan Syncfusion Team December 26, 2024 11:49 AM UTC

Hi cipl 1177,

 

Thank you for the update.

 

Query1: "When we group the drop down and scroll down it is working fine. But when we scroll back up wrong group header is being displayed. how to resolve this. User  asking this issue"

 

In the MultiSelect component, when you scroll the popup, the header is fixed within the popup element. As you scroll through the list, the next group header gets replaced and is displayed as the fixed header. This is the default behavior of the component.

 

If this does not meet your expectations, and there is a possibility that we may have misunderstood your requirement, we would greatly appreciate further clarification. Kindly provide more details about your specific scenario so we can better align our solution with your needs and assist you more effectively.

 

Query2: "Some time we are getting empty for data in the grouped elements . after page refresh its working fine. we are using synfusion version 20.1.47 . after searching name is showing again cleared value came empty"

 

We have investigated the reported issue by enabling filtering, and the list items are rendered correctly when the search text is cleared, both in version 20.1.47 and the latest version. Please refer to the following sample and video illustration for your reference:

 

Sample: https://stackblitz.com/edit/angular-bt3ttyyz-coyjxm7z?file=src%2Fapp.component.html,src%2Fapp.component.ts,package.json


 

To better assist you, we kindly ask that you verify whether the issue persists in the latest version. If the problem continues, please provide a sample that reproduces the issue, along with detailed steps and a video illustration. Your cooperation in this matter is greatly appreciated, and we are eager to resolve this for you.

 

Thank you once again for your understanding and cooperation.

 

 

Regards,

Priyanka K



C1 cipl 1177 December 26, 2024 12:15 PM UTC

Hi team,



Before search also when ever am open the drop down its showing blank . after page refresh value is showing properly.



PK Priyanka Karthikeyan Syncfusion Team December 27, 2024 11:37 AM UTC

Hi cipl 1177,


Thank you for your update.

We fully understand the importance of the issue you're facing, and we appreciate your patience. After thoroughly reviewing the reported issue, we found that when the popup is open, the list items are properly rendered as expected.

To assist you further, please find a sample and a video illustration for your reference below.

Sample: https://stackblitz.com/edit/angular-bt3ttyyz-coyjxm7z?file=src%2Fapp.component.html,src%2Fapp.component.ts,package.json


In order to better reproduce the issue on our end, could you kindly share the complete code snippet and detailed steps required to replicate the issue? Additionally, we would appreciate it if you could test your application using the latest version of the component and let us know if the issue persists.

Sharing these details will help us investigate the issue more effectively and provide you with a prompt resolution.

Thank you again for reaching out. We look forward to your response.


Regards,

Priyanka K


Loader.
Up arrow icon