SfComboBox height is stretching

I have tried a number of things to try and get the sfComboBox to look nice when it is next to another control like an Entry.  It seems there are a couple of issues:
1) the combobox will stretch so it is really tall.  I don't want to have to set the HeightRequest property being I don't need to on the Entry controls
2) The horizontal line in the textbox does not align up horizontally with the Entry control beside it.
3) Also how do you center the text vertically or have it so the text is at the bottom of the view?

It only appear that this is an issue on Android.  When testing on iOS things seem to look better.

So I will attach my example I was playing around with.  You will see the sfComboBox looks off.

Attachment: sfPcker_6f41c25f.zip

4 Replies 1 reply marked as answer

RB Rabhia Beham Kathar Mideenar Syncfusion Team August 24, 2020 10:27 AM UTC

Hi Derek,

Greetings from Syncfusion.

We are currently analyzing the possibilities for your requirement. We will let you know the details of the issue on or before August 26, 2020.

We appreciate your patience until then.  

Regards,
Rabhia Beham K.



RB Rabhia Beham Kathar Mideenar Syncfusion Team August 26, 2020 12:13 PM UTC

Hi Derek,

Query 1: I don't want to have to set the HeightRequest property being I don't need to on the Entry controls.

We have modified the layout for the view to be same as the Entry. Please use the below sample,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/sfPcker_21807624490

Query 2 and Query 3: The horizontal line in the textbox does not align up horizontally with the Entry control beside it and Also how do you center the text vertically or have it so the text is at the bottom of the view?

We would like to let you know that the SfComoBox is mapped control. It’s implemented in Xamarin.Android. We have support for MultiSelect mode like Token and Wrap. So we have used the Entry inside the layout. In default the layout appears with the text at the center with the line in the bottom view in Android Platform. Hence we have logged a feature request for this requirement and please get the link from below,

Feedback: https://www.syncfusion.com/feedback/17328/sfcombobox-bottom-line-should-match-with-xamarin-forms-entry-line

Please cast your vote to make it count. We will prioritize the features every release based on the demands and we do not have an immediate plan to implement this feature since we committed with already planned work. So, this feature will be available for any of our upcoming releases.

If you have any more specifications/suggestions to the feature request, you can add it as a comment in the portal.

Regards,
Rabhia Beham.



DH Derek Hagen replied to Rabhia Beham Kathar Mideenar August 26, 2020 05:49 PM UTC

Hi Derek,

Query 1: I don't want to have to set the HeightRequest property being I don't need to on the Entry controls.

We have modified the layout for the view to be same as the Entry. Please use the below sample,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/sfPcker_21807624490

Query 2 and Query 3: The horizontal line in the textbox does not align up horizontally with the Entry control beside it and Also how do you center the text vertically or have it so the text is at the bottom of the view?

We would like to let you know that the SfComoBox is mapped control. It’s implemented in Xamarin.Android. We have support for MultiSelect mode like Token and Wrap. So we have used the Entry inside the layout. In default the layout appears with the text at the center with the line in the bottom view in Android Platform. Hence we have logged a feature request for this requirement and please get the link from below,

Feedback: https://www.syncfusion.com/feedback/17328/sfcombobox-bottom-line-should-match-with-xamarin-forms-entry-line

Please cast your vote to make it count. We will prioritize the features every release based on the demands and we do not have an immediate plan to implement this feature since we committed with already planned work. So, this feature will be available for any of our upcoming releases.

If you have any more specifications/suggestions to the feature request, you can add it as a comment in the portal.

Regards,
Rabhia Beham.


This is better but for #1 the combbox is still taller than the entry box next to it.
Also for #3 this is pretty important otherwise we really can't use the control right now.  For example if you have a combobox set to a HeightRequest of 35 and a TextSize of 18 it cuts off the top part of the text even tho there is plenty of room for that text in the box.


RB Rabhia Beham Kathar Mideenar Syncfusion Team August 27, 2020 10:13 AM UTC

Hi Derek,

Sorry for the inconvenience.

We have now used the CustomView in SfComboBox to achieve your requirement. Please use the below sample to achieve the same,

Sample:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/ComboBox1385885773

UG Link: https://help.syncfusion.com/xamarin/combobox/customizing-combobox?cs-save-lang=1&cs-lang=xaml

Please check with the same and let us know if you have any concerns.

Regards,
Rabhia Beham K.


Marked as answer
Loader.
Up arrow icon