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

RadMaskedInput on iOS Rotation Width Not Adjusting

1 Answer 77 Views
MaskedInput
This is a migrated thread and some comments may be shown as answers.
Edward
Top achievements
Rank 1
Edward asked on 26 Mar 2019, 11:07 AM

I am having an issue with a stack of RadMaskedInput Controls on a Xamarin Form. Only in iOS, when rotating the phone the width size of the MaskedInput does not auto adjust. I also have RadEntry boxes in the same Form that do adjust on rotation.

This only happens on iOS.

 

I am using a FlexLayout. Maybe, I am not seeing something, or I am doing something wrong. But it strange that it only happens on iOS and not Android.

If I exist the Form in the given rotation and then reenter the Form, the widths do adjust. But it takes an exit of the Form in the given rotation to force the control to resize. Again, this occurs only on iOS.

 

Is this an known issue? If not, I will supply more XAML for review.

 

<OnPlatform x:Key="PlatformCornerRadius" x:TypeArguments="x:Double"><On Platform="iOS">3</On><On Platform="Android">8</On></OnPlatform>
<OnPlatform x:Key="HeightScale" x:TypeArguments="x:Double"><On Platform="iOS">1.20</On><On Platform="Android">1</On></OnPlatform>  
     
<telerikInput:BorderStyle x:Key="EntryBorderStyle" BorderThickness="1" BorderColor="#4488F6" CornerRadius="{x:StaticResource Key=PlatformCornerRadius}" />

 

 

<Style x:Name="MaskedEditStyle" TargetType="telerikInput:RadMaskedInput">
    <Setter Property="ErrorColor" Value="Red" />
    <Setter Property="MaskType" Value ="Regex"/>
    <Setter Property="BorderStyle" Value="{StaticResource EntryBorderStyle}"/>
    <Setter Property="ScaleY" Value="{StaticResource HeightScale}"/>
</Style>

 

 

 

<StackLayout Grid.Row="3" Orientation="Vertical">
          <Label StyleClass="entry-label">Last Name:</Label>
               
              <telerikInput:RadMaskedInput
              x:Name="tEmailEntry"
              InvalidInputErrorText="Invalid Email Address."
              WatermarkText="Email Address"
              Mask="{x:Static VM:FINSAccount.FINSCreateAccountViewModel.EmailExpression}"
              InputValue="{Binding FirstName, Mode=OneWayToSource}"
          /> </StackLayout>

1 Answer, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 27 Mar 2019, 01:30 PM
Hello Edward,

Thank you for the provided code.

Please find this ticket answered in ticket with id: 1402265. If you have any further questions or concerns on this, may I ask you to continue the conversation in the support thread in order to keep the ticket history consistent.

Regards,
Didi
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
MaskedInput
Asked by
Edward
Top achievements
Rank 1
Answers by
Didi
Telerik team
Share this question
or