Adjusting the height of the SfTextInputLayout

[Solomon Fried]

Is there a way to make the control shorter? I set ShowHint to false, but the space above the entry is still being used.

This makes the control twice as tall as I need it to be.

Thank you.

[Michael Prabhu M]

Hi Solomon, 

 

As the hint plays a primary role in this component, we have reserved some space at the top of the input view, to place the hint when floated.  Also, there is a space reserved at the bottom (below the line) for helper text, error text and character counter text. As error can be shown dynamically we have reserved this space for these assistive labels at the bottom of input view to avoid size changes when these labels appears/disappear.  

 

If the requirement is to reduce the height of the control, then we have already planned to provide the Support to collapse the bottom space, where separate API will be provided to choose whether to allocate space for helper text, error text and character counter label. It will be included in our upcoming Volume 4 release which is expected by the mid of December 2018.  

 

Thanks, 

Michael 

 

 

[Solomon Fried]

Thank you.

I will be looking for the Volume 4 release supporting a 'Collapsed' view. It would be nice to also collapse the top when the Hint is not being used.

[Joy Oyiess Rex K]

Hi Solomon, 

 

Already we have a plan to reduce the current top padding size (space above the outline border).  Also, as mentioned in our previous update, we will expose an API to collapse the bottom space.  Both the mentioned improvements will be available in our upcoming volume release which is expected by the mid of December 2018.

Kindly share us an image representation of your requirement for the extra space in the control, so that we can validate your requirement with our plan.

 

Regards,

Joy Oyiess Rex K.

[Brian Swanson]

Has this been implemented yet? I would like to remove the space for Hint and Error from my TextInput to reduce the amount of screen being taken up by the field.

Thanks,

Brian Swanson

[Sridevi Sivakumar]

Hi Brian Swanson,

We would like to let you know that we have already implemented the support to remove the allocated space for helper text, error text and character counter label by using the ReserveSpaceForAssistiveLabels property with setting false to that.   

To make an unwanted space on top by changing the ContainerType as Outlined.

For more reference please use the below guidelines

https://help.syncfusion.com/xamarin/text-input-layout/container-type#outlined

https://help.syncfusion.com/xamarin/text-input-layout/custom-font#hint

https://www.syncfusion.com/kb/11040/how-to-remove-the-space-at-the-bottom-of-textinputlayout

Regards,
Sridevi S. 

[Brian Swanson]

Sridevi,

Thank you! That was exactly what I needed. Have a great day.

Brian

[Sridevi Sivakumar]

Hi Solomon Fried,

Thanks for your update and we are glad to hear that the given solution works at your end.

Regards,
Sridevi S.