SfTextInputLayout - unable to eliminate spacing

Question

Hi,
I'm having issue with SfTextInputLayout spacing.

It was combination of SFTextInputLayout and SfNumericUpDown in the screenshot attachment.

A few problem here :

1. How to remove completely on the SfTextInputLayout inner padding

2. How to remove completely on the SfNumericUpDown padding

3. SfNumericUpDown input number seems being block by the Up and Down button

basically the padding control is stopping me from styling the output.

I had tried InputViewPadding="0" and it's still not working.

Please assist on the issue.

Thanks.

Attachment: SfTextInputLayout_de70d404.zip

Sridevi Sivakumar · Accepted Answer

Hi Jun,We are glad to announce that our Essential Studio 2020 Volume 3 release v18.3.0.35 is rolled out and is available for download under the following link.https://www.syncfusion.com/forums/158306/essential-studio-2020-volume-3-release-v18-3-0-35-is-available-for-downloadWe thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.Regards,Sridevi S.

Sridevi Sivakumar · Answer

Hi Jun,Query: How to remove completely on the SfTextInputLayout inner padding We have internally provided some padding value around the leading and trialling view in the text input layout to differentiate views and good styling experience. So, you cannot modify the default padding value around the leading view.You can remove the left side padding(excluding leading view padding) by setting the InputViewPadding=0.  
  
  
The right side has some space between numeric up down and text input layout(as highlighted in the below screenshot).We have considered this as internal bug and this fix will be available in our September 8, 2020 weekly nuget.  
  
  
  
How to remove completely on the SfNumericUpDown padding and avoid input number being blockWe have internally provided some padding for numeric up and down buttons on the right and left side. So, we can adjust this padding value and we suggest you increase the control width in order to avoid input number blocking.For more information about InputViewPadding, please refer below KB 
KB:  https://www.syncfusion.com/kb/11039/how-to-reduce-the-inner-padding-of-xamarin-forms-text-input-layoutRegards, 
Sridevi S.

Jun · Answer

Hi Sridevi,

Thanks for the prompt reply and explanation.

Understood on the leading view, numeric up and down button padding can't be adjusted.

I tried to apply WidthRequest on the SfNumericUpDown field but it seems didn't take effect as well :(
Or the WidthRequest property only take effect on the outer hierarchy which is SfTextInputLayout ?

Thanks,

Jun.

Sridevi Sivakumar · Answer

Hi Jun,Thanks for your update.Query: Understood on the leading view, numeric up and down button padding can't be adjusted.Yes. Because of this readable UI appearance, we have maintained some default padding to get the desired view. Query: Apply WidthRequest on the SfNumericUpDown field but it seems didn't takeWe have checked the reported issue by setting WidthRequest value to the SfNumericUpDown which is content of SfTextInputLayout. It has been rendered with the provided width value as per in below.Here provided WidthRequest as 200 along with its HorizontalLayoutOptions as Center for numeric text box Code snippet: Query: WidthRequest property only take effect on the outer hierarchy which is SfTextInputLayout Checked the same but it works fine as like in below Here provided WidthRequest as 200 along with its HorizontalLayoutOptions as Center for SfTextInputLayout Code snippet: Sample link: https://www.syncfusion.com/downloads/support/forum/157245/ze/Sample2019057623 Please check the sample and let us know. Regards,Sridevi S.

Jun · Answer

Hi Sridevi,Thanks for the prompt reply.Really appreciate your assistance.Thanks,Jun.

Hemalatha Marikumar · Answer

Hi Jun, 
 
Thanks for your valuable feedback. 
 
Please let us know if you need further assistance, don’t hesitate to contact us. 
 
Regards,Hemalatha M.

Sridevi Sivakumar · Answer

Hi Jun,Sorry for this delay.We are facing some technical hurdles. We will resolve the “The right side has some space between numeric up down and text input layout” issue and it will be rolled out in Volume 3 release which is expected to be rolled out on end of September 2020.Regards,Sridevi S.