1. Home
  2. Forum
  3. Xamarin.Forms
  4. Hint layout incorrect on SfTextInputLayout when using SfNumericTextBox InputView

Hint layout incorrect on SfTextInputLayout when using SfNumericTextBox InputView

I am using a SfNumericTextBox InputView on a SfTextInputLayout. I also reduced the InputViewPadding. The hint is not properly aligned when the form is first rendered. After clicking in the SfTextInputLayout and then clicking elsewhere the hint is aligned, but not on first appearance. Any suggestions? 


 I am pasting the code below. 


var balance = new SfNumericTextBox()

{

                TabIndex = 4,

AllowNull = true,

BorderColor = Color.Transparent,

FormatString = "c",

ReturnType = ReturnType.Next,

ReturnCommand = new CoreCommand((obj)=>

{

                    TxtNotes.Focus();

                })

};


var   txtBalance = new SfTextInputLayout

            {

                Hint = AppResources.Balance,

IsVisible = true,

InputView = balance,

InputViewPadding = new Thickness(0,5),

Margin = new Thickness(0,10,0,0),

ContainerBackgroundColor = Color.Transparent,

            };



9 Replies
ET Eswaran Thirugnanasambandam Syncfusion Team December 1, 2021 02:04 PM UTC

Hi Seth, 
 
Greetings from Syncfusion. 
 
We have prepared a sample based on the provided snippet and checked the reported problem “When using InputViewPadding, the Hint Label is not aligned correctly when the page is loaded”. But we are unable to reproduce the problem from our side. We have prepared a video to show that hint label works fine when applying input view padding and please get the sample and video from the below link. 
 
 
 
Please check the sample. If you still face any problem, can you revert us by modifying the sample based on your scenario, this will help us to provide you with a better solution at the earliest. 
 
Regards, 
Eswaran. 


SU Seth U Starr replied to Eswaran Thirugnanasambandam December 1, 2021 04:55 PM UTC

I have duplicated the issue in the attached solution. The issue occurs when using a hint bound to a Resx field. The balance hint should be left aligned like it is after clicking on the balance field and then losing focus on that field.


Second question, is there anyway to auto format currency as the user types? For example if they type a 1 the entry would display 0,01 or 0.01 depending on the culture. Then if they type 2 the entry would update to 0,12 or 0.12 depending on the culture. I tried using valuechanged on the SfNumericTextBox, but was unable to get the desired result. 


Regards,

Seth


Attachment: SfTextInputLayout_a0c1193f.zip


ET Eswaran Thirugnanasambandam Syncfusion Team December 2, 2021 02:42 PM UTC

Hi Seth, 
 
Thanks for your update. 
 
Query 1: Hint label is not positioned correctly on page appear when providing the input padding. 
We can reproduce the reported problem from our side. Currently, we are validating the issue with our source and update you with further details on December 3, 2021. We appreciate your patience until then. 
 
Query 2: is there any way to auto format currency as the user types? 
We can achieve this requirement by handling the value in the ValueChanged event of SfNumericTextBox. Please get the sample from the below link. 
 
If your requirement is different from this, please provide additional information on your requirement. This would be helpful for us to give better solution 
 
Regards, 
Eswaran. 


SU Seth U Starr December 3, 2021 03:44 PM UTC

Hi Eswaran, 


Thanks for the sample code in query 2. I tried it and it only formatted the currency on unfocus. I was hoping to format the currency while typing. I tried to modify the example, but couldn't get it to work. 


I did achieve the desired result using an entry control. It will format any decimal while typing and will display the currency on the unfocused event. It would be nice if this type of functionality was baked into the SfNumericTextBox control. 


Also, there may be room for improving my sample code if you see anything? 


Thanks,

Seth


Attachment: NumericTextBox_Sample_5587ead4.zip

ET Eswaran Thirugnanasambandam Syncfusion Team December 3, 2021 04:49 PM UTC

Hi Seth, 
 
Thanks for your patience. 
 
Query 1: Hint label is not positioned correctly on page appear when providing the input padding. 
 
We have checked the reported problem “HintLable positioned wrongly on initial loading” in our source and confirmed it as a defect. So, logged a bug report for this. You can keep track of the bug from the feedback portal below.  
 
 
NOTE: The provided feedback link is private, and you need to login to view this feedback. 
 
We will include the fix in our next weekly NuGet which is expected to be rolled out on December 21, 2021. Until then you can overcome this problem by setting the InputViewPadding before InputView in the sample level. If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal. 
 
New Query: 
 
We are currently checking your requirement and we will updated further details on December 4, 2021. We appreciate your patience until then. 
 
Regards,  
Eswaran.  


ET Eswaran Thirugnanasambandam Syncfusion Team December 6, 2021 02:02 PM UTC

Hi Seth,

Thanks for your patience.

We checked the requirement with the provided sample and are happy to report that we were meet your requirements by using the ValueChanged event and the Validation mode as OnKeyFocus. For the UWP platform, the logic works perfectly. However, when altering the value in the value changed event on the Android and iOS platforms, the cursor is positioned incorrectly for the first digit only. As a result, we've classified this as an internal bug, and the fix will be included in the next weekly NuGet, which will be scheduled to release on December 21, 2021. We appreciate your patience until then. Please get the modified sample from the link below.

https://www.syncfusion.com/downloads/support/directtrac/general/ze/NumericTextBox_Sample-1008537297  

Regards,
Eswaran.


ET Eswaran Thirugnanasambandam Syncfusion Team December 21, 2021 03:41 PM UTC

Hi Seth, 
 
Thanks for your patience. 
 
Since we had our volume 4 main release 2021, we have postponed our weekly NuGet release to next week. So please find the patch for this issue fix with the version of 19.4.0.38 version. Can you please confirm the reported issue was resolved? And we will include this in our weekly NuGet release which is expected to be rolled out on December 28, 2021. 
 
The patch and NuGet for the fix can be downloaded from the below link.  
 
Please find the patch setup from below location: 
(OR) 
 
Please find the patch assemblies alone from below location: 
(OR) 
 
Please find the NuGet from below location:           
 
Assembly Version: 19.4.0.38 
 
Disclaimer: 
Please note that we have created this patch for version 19.4.0.38 specifically, to resolve the issue reported in this incident. If you have received other patches for the same version for other products, please apply all patches in the order received. 
 
Note: Please clear the NuGet cache, before using the latest one. 
 
The fix for the reported issue will be included in our upcoming weekly NuGet release which is expected to be rolled out on December 28, 2021. We appreciate your patience until then. 
 
Regards, 
Eswaran 


ET Eswaran Thirugnanasambandam Syncfusion Team December 21, 2021 05:11 PM UTC

Hi Seth, 
 
Thanks for your patience. 
 
Query: is there any way to auto format currency as the user types?  
 
We have fixed the cursor issue and now you can achieve your requirement in the value changed event. We have modified the provide sample to achieve your requirement and please get the sample from the below link. 
 
 
Since we had our volume 4 main release 2021, we have postponed our weekly NuGet release to next week. So please find the patch for this issue fix with the version of 19.4.0.38 version and we will include this in our weekly NuGet release which is expected to be rolled out on December 28, 2021. 
 
The patch and NuGet for the fix can be downloaded from the below link.  
 
Please find the patch setup from below location: 
(OR) 
 
Please find the patch assemblies alone from below location: 
(OR) 
 
Please find the NuGet from below location:           
 
Assembly Version: 19.4.0.38 
 
Disclaimer: 
Please note that we have created this patch for version 19.4.0.38 specifically, to resolve the issue reported in this incident. If you have received other patches for the same version for other products, please apply all patches in the order received. 
 
Note: Please clear the NuGet cache, before using the latest one. 
 
The fix for the reported issue will be included in our upcoming weekly NuGet release which is expected to be rolled out on December 28, 2021. We appreciate your patience until then. 
 
Regards, 
Eswaran 


ET Eswaran Thirugnanasambandam Syncfusion Team December 28, 2021 01:48 PM UTC

Hi Seth, 
 
 We have fixed the reported issue “HintLable positioned wrongly on initial loading” and the fix is included in our weekly NuGet of December 28, 2021. 
 
NuGet Version: 19.4.0.40 
 
We 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, 
Eswaran 


Loader.
Up arrow icon