This is a migrated thread and some comments may be shown as answers.

Inconsistent Layout On Android

3 Answers 290 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Anthony
Top achievements
Rank 1
Veteran
Anthony asked on 08 Apr 2021, 01:09 AM

Hi,

When a CombBox is placed next to a vertically centered label the text in the CombBox does not align vertically which produces a bad look.

The TimePicker by comparison looks good. Also the left alignment of the text in the TimePicker also looks better.

Can the CombBox be reworked to center the text and have a more consistent layout with other controls?

Regards

Anthony

3 Answers, 1 is accepted

Sort by
0
Accepted
Didi
Telerik team
answered on 12 Apr 2021, 03:27 PM

Hi Anthony,

I have tested the scenario and I reproduced the behavior. Please set same height request to the TimePicker and RadComboBox. 

Here is my code:

<StackLayout>
    <StackLayout Orientation="Horizontal" >
        <Label Text="RadComboBox: " VerticalOptions="Center"/>
        <input:RadComboBox Placeholder="Select Items" BackgroundColor="Yellow"
                            HeightRequest="30" 
                            VerticalOptions="Center"/>
    </StackLayout>
    <StackLayout Orientation="Horizontal" >
        <Label Text="RadTimePicker: " VerticalOptions="Center"/>
        <input:RadTimePicker BackgroundColor="Red" 
                                VerticalOptions="Center" 
                                HeightRequest="30"/>
    </StackLayout>
</StackLayout>

and how the ComboBox and TimePicker looks:

 

Give this a try and let me know how it goes. Also, make sure to use the same height request for the ComboBoxItemTemplate. If this is not the case, please send us a code snippet of how the combobox and timepicker are defined.

Regards,
Didi
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

0
Anthony
Top achievements
Rank 1
Veteran
answered on 12 Apr 2021, 10:19 PM

Hi,

Thanks, that does look better. It would be nice if all editing controls shared the same layout so that you don't need to force things like height.

Regards

Anthony

0
Didi
Telerik team
answered on 13 Apr 2021, 10:04 AM

Hi Anthony,

Thank you for your feedback, we will have it in mind. 

About "same look for input controls" -> of course we strive for this, although sometimes it cannot be done due to a restrictions. The ComboBox uses Entry control, while the Pickers don't. In addition, Combo and Pickers are different controls with different implementation. 

Regards,
Didi
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
ComboBox
Asked by
Anthony
Top achievements
Rank 1
Veteran
Answers by
Didi
Telerik team
Anthony
Top achievements
Rank 1
Veteran
Share this question
or