Full screen combobox popup

Hi Team,

I am using <ejs-combobox> in my angular 8 application. In mobile, the Combobox popup position is misbehaving. So I want Combobox popup in fullscreen as multiselect popup in mobile. Please help me with that and provide me the same functionality in Combobox too as multiselect for mobile.


Warm regards
Nagendra Gupta

9 Replies 1 reply marked as answer

PM Ponmani Murugaiyan Syncfusion Team February 15, 2021 01:58 PM UTC

Hi Nagendra, 

Greetings from Syncfusion support. 

We would like to inform you that, full screen popup is supported only for search filter with separate inputs like DropDownlist component with enabled filtering property. So, we suggest you to use the DropDownList component to achieve your requirement. 

Regards, 
Ponmani M 



NG Nagendra Gupta April 12, 2021 01:17 PM UTC

Hi Team,

Can you please provide in angular EJS-Combobox ?


PM Ponmani Murugaiyan Syncfusion Team April 13, 2021 05:20 PM UTC

Hi Nagendra, 

Thanks for the update. 

Currently we are checking the reported requirement with ComboBox component. We will update further details in 2 business days. We appreciate your patience until then. 

Regards, 
Ponmani M 



NG Nagendra Gupta April 16, 2021 05:19 AM UTC

Hi Ponmani,


Still waiting for your positive response.


PM Ponmani Murugaiyan Syncfusion Team April 16, 2021 11:21 AM UTC

Hi Nagendra, 

Sorry for the delay. 

As per our previous update, full screen popup is supported only for search filter with separate inputs like DropDownList component with enabled filtering property alone. For “full screen popup mode in mobile device for ComboBox component”, we have override our source code to achieve your reported requirement. Please find the sample below for reference. 

Kindly check with the above sample meets your requirement. Please get back us if you need further assistance. 

Regards, 
Ponmani M 



NG Nagendra Gupta replied to Ponmani Murugaiyan April 20, 2021 07:44 AM UTC

Hi Nagendra, 

Sorry for the delay. 

As per our previous update, full screen popup is supported only for search filter with separate inputs like DropDownList component with enabled filtering property alone. For “full screen popup mode in mobile device for ComboBox component”, we have override our source code to achieve your reported requirement. Please find the sample below for reference. 

Kindly check with the above sample meets your requirement. Please get back us if you need further assistance. 

Regards, 
Ponmani M 


Hi Ponmani M,

Thanks for the solution of full screen combobox in mobile as per my requirements, But in full screen combobox on mobile search is missing. I want fullscreen combobox with search on top as combobox filtering in desktop mode. Please find the search missing snap attachment below.

Attachment: fullscreenMobile_3fe8a43d.zip

Warm Regards
Nagendra Gupta


PM Ponmani Murugaiyan Syncfusion Team April 21, 2021 10:51 AM UTC

Hi Nagendra, 

Thanks for the update. 

In ComboBox component with enabled filtering option, we can type a character in the input to filter the items from the options list. So, even though we achieve full screen popup mode on a mobile device, the popup would be full screen on its own, with the input behind it as per component intended behaviour. 

But in Dropdownlist component, the input will be non-editable. So, if we enable the allowFiltering property, the filter input will appear inside the popup, allowing us to filter the items. When we open the popup on a mobile device, it will be in full screen mode with filtered input, as seen in the screenshot below. So, in order to achieve your requested scenario in mobile device, we suggest you to use the DropDownList component with enabling allowFiltering property. We have prepared sample and attached below for your reference. 


For more information regarding the Dropdownlist component, please find the demo, documentation and API link below for reference. 




 

Regards, 
Ponmani M

Marked as answer

NG Nagendra Gupta April 21, 2021 12:31 PM UTC

Hello Team

I appreciate your quick response but we want search feature in combobox in mobile mode.
I request you to please solve my problem as soon as possible.


PM Ponmani Murugaiyan Syncfusion Team April 22, 2021 12:17 PM UTC

Hi Nagendra, 

Thanks for the update. 

As per the ComboBox component intended behaviour, we could not achieve filter input within popup since it already contains the editable input and we can filter using that input. Also we would like to know that your exact requirement “Full screen popup in mobile mode with filter input” can be achieved using DropDownList component, which has the similar features and functionality as like ComboBox component. So that we suggesting you to use Dropdownlist to meet your requirement. 

In addition, can you describe the issue or problem you are facing with the dropdownlist component, as well as what features it lacks in DropDownList when compared to the ComboBox. If so, please share the details with us and we will assist you in resolving with dropdownlist. 

Regards, 
Ponmani M

Loader.
Up arrow icon