ComboBox Height

Thread ID:	Created:	Updated:	Platform:	Replies:
150238	Dec 27,2019 12:22 PM UTC	Dec 31,2019 04:49 AM UTC	Angular - EJ 2	3

Subscribe to this post

Tags: ComboBox

Benjamim Goulart Bessa

Asked On December 27, 2019 12:22 PM UTC

What is the correct way to change the height of the CombBox, or any other input from you? I'm working with Angular Material and Syncfusion controls as well, I'm trying to making the controls look similar: dimensions and cores. Theme Studio didn't help me with this task, can you help me?

Thank you

Reply | Reply with quote

Berly Christopher [Syncfusion]

Replied On December 30, 2019 12:40 PM UTC

Hi Benjamim,

Greetings from Syncfusion support.

We have not provided the support for set the height to the ComboBox component directly. If you want to set the height to the component, we suggest you to override the CSS styles to the wrapper of the component as per the application need. Please refer the below code example.

[app.component.html]

<ejs-combobox id='games' #local [dataSource]='sportsData' [autofill]='true' [fields]='localFields' [placeholder]='localWaterMark'

[popupHeight]='height' cssClass="customClass"></ejs-combobox>

[app.component.css]

.e-control-wrapper.e-ddl.customClass{

height: 50px;

}

Please find the sample from the below link.

Sample Link: https://stackblitz.com/edit/angular-7jpzx3-vk6hvn?file=app.component.html

To know more about our API, methods and events please refer the below API documentation link.

API Link: https://ej2.syncfusion.com/angular/documentation/api/combo-box#cssclass

Regards,

Berly B.C

Reply | Reply with quote

Benjamim Goulart Bessa

Replied On December 30, 2019 05:23 PM UTC

Berly, thank you for your reply.

There is some document with avaiable css classes for customization?

Reply | Reply with quote

Sevvandhi Nagulan [Syncfusion]

Replied On December 31, 2019 04:49 AM UTC

Hi Benjamim,

The cssClass property is used to add the custom class to the wrapper of component and popup element. We have add the class name with your own. So that, we can customize styles using the class name.

To know more about our API, methods and events please refer the below API documentation link.

API Link: https://ej2.syncfusion.com/angular/documentation/api/combo-box#cssclass

Regards,

Sevvandhi N

Reply | Reply with quote

CONTACT US

ComboBox Height

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US