We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

The Entry controls in programs using the UWP Xamarin.Forms version of SfDataForm do not look correct

Thread ID:

Created:

Updated:

Platform:

Replies:

142245 Jan 24,2019 06:53 AM UTC Jan 30,2019 05:58 AM UTC Xamarin.Forms 3
loading
Tags: SfDataForm
Chris Marinacci
Asked On January 24, 2019 06:53 AM UTC

1. Create a ContentPage in a UWP Xamarin.Forms program.
2. Add an SfDataForm to the page that will include a text field.
3. Add an Entry control to the page.
4. Run the program.

The Entry field in the SfDataForm does not look the same as the one that is not in the SfDataForm. It is taller, so the typed in text is not vertically centered.

This is using the latest release versions of the NuGet packages.

Jayaleshwari N [Syncfusion]
Replied On January 29, 2019 11:19 AM UTC

Hi Chris, 
We have checked your query regarding Entry field in the SfDataForm does not look correct in the SfDataForm Xamarin Forms UWP.  In SfDataForm by default we have assigned height to the editor in the source. Thus, the text is not vertically centered based on the given height. Even for Entry, if you set this height, it will also look like the text editor in SfDataForm. However, if your requirement is to align text in vertical center, it can be achieved using custom editor. Kindly refer online user guide documentation for creating custom editor. 
In the custom entry renderer for UWP, set the vertical alignment for the control as center.   
  
    [assembly: ExportRenderer(typeof(CustomEntry), typeof(CustomEntryRenderer))]  
  
    public class CustomEntryRenderer : EntryRenderer  
    {  
        protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)  
        {  
            base.OnElementChanged(e);  
            if (Control != null)  
            {  
               Control.VerticalAlignment = Windows.UI.Xaml.VerticalAlignment.Center;  
            }  
        }  
    }  
 
We have attached the sample for your reference and you can download the same from the following location.  
Sample link: DataFormSampleDemo  
   
Output:  
  
  
If the provided solution doesn’t meet your requirement, please revert us with more information regarding your query along with screenshots if possible so that we could analyze on it and provide you with the better solution. 
 
Regards, 
Jayaleshwari N. 


Chris Marinacci
Replied On January 29, 2019 11:36 PM UTC

Hi Jayaleshwari,

That solution works perfectly.

Thanks,

Chris

Jayaleshwari N [Syncfusion]
Replied On January 30, 2019 05:58 AM UTC

Hi Chris, 
 
Thanks for the update. Please get in touch if you would require further assistance. 
 
Regards, 
Jayaleshwari N. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon