Skip to content

Commit 3ffb7b9

Browse files
Jeyasri-MuruganJeyasri-Murugan
committed
Fixed alignment issue
1 parent edbd480 commit 3ffb7b9

File tree

1 file changed

+75
-81
lines changed

1 file changed

+75
-81
lines changed

‎DataFormMAUI/Views/EditPage.xaml‎

Lines changed: 75 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -6,108 +6,102 @@
66
xmlns:thickness ="clr-namespace:Microsoft.Maui;assembly=Microsoft.Maui"
77
xmlns:local="clr-namespace:DataFormMAUI">
88

9-
<Frame BorderColor="{OnIdiom Default=Transparent, Desktop=#C2C2C2}" MaximumHeightRequest="{OnPlatform MacCatalyst=800}"
10-
VerticalOptions="{OnPlatform MacCatalyst=Center}"
11-
HasShadow="False" Grid.ColumnSpan="{OnIdiom Default=2, Desktop=1}"
12-
CornerRadius="10" Grid.Column="0" WidthRequest="{OnPlatform WinUI=400, MacCatalyst=600, Default=-1}"
13-
HorizontalOptions="{OnIdiom Desktop=Center, Default=Fill}" Padding="0">
14-
<Grid RowDefinitions="0.9*, 1, 0.1*">
15-
<dataForm:SfDataForm x:Name="contactForm"
9+
<Grid RowDefinitions="0.9*, 1, 0.1*">
10+
<dataForm:SfDataForm x:Name="contactForm"
1611
DataObject="{Binding SelectedItem}"
1712
LayoutType="TextInputLayout"
1813
AutoGenerateItems="False"
1914
ValidationMode="PropertyChanged">
20-
<dataForm:SfDataForm.TextInputLayoutSettings>
21-
<dataForm:TextInputLayoutSettings ShowHelperText="True"
15+
<dataForm:SfDataForm.TextInputLayoutSettings>
16+
<dataForm:TextInputLayoutSettings ShowHelperText="True"
2217
FocusedStroke="{StaticResource Primary}"/>
23-
</dataForm:SfDataForm.TextInputLayoutSettings>
24-
<dataForm:SfDataForm.Items>
25-
<dataForm:DataFormCustomItem FieldName="ProfileImage" LayoutType="Default">
26-
<dataForm:DataFormCustomItem.EditorView>
27-
<Image Source="{Binding SelectedItem.ProfileImage}"
18+
</dataForm:SfDataForm.TextInputLayoutSettings>
19+
<dataForm:SfDataForm.Items>
20+
<dataForm:DataFormCustomItem FieldName="ProfileImage" LayoutType="Default">
21+
<dataForm:DataFormCustomItem.EditorView>
22+
<Image Source="{Binding SelectedItem.ProfileImage}"
2823
HeightRequest="80"/>
29-
</dataForm:DataFormCustomItem.EditorView>
30-
</dataForm:DataFormCustomItem>
24+
</dataForm:DataFormCustomItem.EditorView>
25+
</dataForm:DataFormCustomItem>
3126

32-
<dataForm:DataFormGroupItem Name="Name">
33-
<dataForm:DataFormGroupItem.Items>
34-
<dataForm:DataFormTextItem FieldName="Name" ShowLeadingView="True" >
35-
<dataForm:DataFormTextItem.LeadingView>
36-
<Label Text="F" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
37-
</dataForm:DataFormTextItem.LeadingView>
38-
</dataForm:DataFormTextItem>
39-
<dataForm:DataFormTextItem FieldName="LastName" ShowLeadingView="True">
40-
<dataForm:DataFormTextItem.LeadingView>
41-
<Label/>
42-
</dataForm:DataFormTextItem.LeadingView>
43-
</dataForm:DataFormTextItem>
44-
</dataForm:DataFormGroupItem.Items>
45-
</dataForm:DataFormGroupItem>
27+
<dataForm:DataFormGroupItem Name="Name">
28+
<dataForm:DataFormGroupItem.Items>
29+
<dataForm:DataFormTextItem FieldName="Name" ShowLeadingView="True" >
30+
<dataForm:DataFormTextItem.LeadingView>
31+
<Label Text="F" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
32+
</dataForm:DataFormTextItem.LeadingView>
33+
</dataForm:DataFormTextItem>
34+
<dataForm:DataFormTextItem FieldName="LastName" ShowLeadingView="True">
35+
<dataForm:DataFormTextItem.LeadingView>
36+
<Label/>
37+
</dataForm:DataFormTextItem.LeadingView>
38+
</dataForm:DataFormTextItem>
39+
</dataForm:DataFormGroupItem.Items>
40+
</dataForm:DataFormGroupItem>
4641

47-
<dataForm:DataFormGroupItem Name="Mobile">
48-
<dataForm:DataFormGroupItem.Items>
49-
<dataForm:DataFormMaskedTextItem FieldName="Mobile" Mask="(###) ###-####" Keyboard="Numeric">
50-
<dataForm:DataFormMaskedTextItem.LeadingView>
51-
<Label Text="E" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
52-
</dataForm:DataFormMaskedTextItem.LeadingView>
53-
</dataForm:DataFormMaskedTextItem>
54-
<dataForm:DataFormMaskedTextItem FieldName="Landline" Mask="+1 ### ###-####" Keyboard="Numeric">
55-
<dataForm:DataFormMaskedTextItem.LeadingView>
56-
<Label/>
57-
</dataForm:DataFormMaskedTextItem.LeadingView>
58-
</dataForm:DataFormMaskedTextItem>
59-
</dataForm:DataFormGroupItem.Items>
60-
</dataForm:DataFormGroupItem>
42+
<dataForm:DataFormGroupItem Name="Mobile">
43+
<dataForm:DataFormGroupItem.Items>
44+
<dataForm:DataFormMaskedTextItem FieldName="Mobile" Mask="(###) ###-####" Keyboard="Numeric">
45+
<dataForm:DataFormMaskedTextItem.LeadingView>
46+
<Label Text="E" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
47+
</dataForm:DataFormMaskedTextItem.LeadingView>
48+
</dataForm:DataFormMaskedTextItem>
49+
<dataForm:DataFormMaskedTextItem FieldName="Landline" Mask="+1 ### ###-####" Keyboard="Numeric">
50+
<dataForm:DataFormMaskedTextItem.LeadingView>
51+
<Label/>
52+
</dataForm:DataFormMaskedTextItem.LeadingView>
53+
</dataForm:DataFormMaskedTextItem>
54+
</dataForm:DataFormGroupItem.Items>
55+
</dataForm:DataFormGroupItem>
6156

62-
<dataForm:DataFormGroupItem Name="Address" ColumnCount="2" IsExpanded="False">
63-
<dataForm:DataFormGroupItem.Items>
64-
<dataForm:DataFormMultilineItem FieldName="Address" RowSpan="2">
65-
<dataForm:DataFormMultilineItem.LeadingView>
66-
<Label Text="C" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
67-
</dataForm:DataFormMultilineItem.LeadingView>
68-
</dataForm:DataFormMultilineItem>
69-
<dataForm:DataFormTextItem FieldName="City" >
70-
<dataForm:DataFormTextItem.LeadingView>
71-
<Label/>
72-
</dataForm:DataFormTextItem.LeadingView>
73-
</dataForm:DataFormTextItem>
74-
<dataForm:DataFormTextItem FieldName="State">
75-
<dataForm:DataFormTextItem.LeadingView>
76-
<Label/>
77-
</dataForm:DataFormTextItem.LeadingView>
78-
</dataForm:DataFormTextItem>
79-
<dataForm:DataFormMaskedTextItem FieldName="ZipCode" Mask="#####-####" Keyboard="Numeric"/>
80-
</dataForm:DataFormGroupItem.Items>
81-
</dataForm:DataFormGroupItem>
57+
<dataForm:DataFormGroupItem Name="Address" ColumnCount="2" IsExpanded="False">
58+
<dataForm:DataFormGroupItem.Items>
59+
<dataForm:DataFormMultilineItem FieldName="Address" RowSpan="2">
60+
<dataForm:DataFormMultilineItem.LeadingView>
61+
<Label Text="C" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
62+
</dataForm:DataFormMultilineItem.LeadingView>
63+
</dataForm:DataFormMultilineItem>
64+
<dataForm:DataFormTextItem FieldName="City" >
65+
<dataForm:DataFormTextItem.LeadingView>
66+
<Label/>
67+
</dataForm:DataFormTextItem.LeadingView>
68+
</dataForm:DataFormTextItem>
69+
<dataForm:DataFormTextItem FieldName="State">
70+
<dataForm:DataFormTextItem.LeadingView>
71+
<Label/>
72+
</dataForm:DataFormTextItem.LeadingView>
73+
</dataForm:DataFormTextItem>
74+
<dataForm:DataFormMaskedTextItem FieldName="ZipCode" Mask="#####-####" Keyboard="Numeric"/>
75+
</dataForm:DataFormGroupItem.Items>
76+
</dataForm:DataFormGroupItem>
8277

83-
<dataForm:DataFormTextItem FieldName="Email" Keyboard="Email">
84-
<dataForm:DataFormTextItem.LeadingView>
85-
<Label Text="G" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
86-
</dataForm:DataFormTextItem.LeadingView>
87-
</dataForm:DataFormTextItem>
88-
</dataForm:SfDataForm.Items>
89-
</dataForm:SfDataForm>
90-
<Border Grid.Row="1" Background="#F5F5F5"/>
78+
<dataForm:DataFormTextItem FieldName="Email" Keyboard="Email">
79+
<dataForm:DataFormTextItem.LeadingView>
80+
<Label Text="G" FontSize="18" TextColor="Gray" FontFamily="InputLayoutIcons" HeightRequest="24" VerticalTextAlignment="End" />
81+
</dataForm:DataFormTextItem.LeadingView>
82+
</dataForm:DataFormTextItem>
83+
</dataForm:SfDataForm.Items>
84+
</dataForm:SfDataForm>
85+
<Border Grid.Row="1" Background="#F5F5F5"/>
9186

92-
<Grid HeightRequest="35" Grid.Row="2" ColumnDefinitions="*,auto">
93-
<Button x:Name="DeleteButton" Command="{Binding DeleteItemCommand}" Margin="0,0,5,0" BorderColor="Transparent"
87+
<Grid HeightRequest="40" Grid.Row="2" ColumnDefinitions="*,auto">
88+
<Button x:Name="DeleteButton" Command="{Binding DeleteItemCommand}" Margin="15,0,5,0" BorderColor="Transparent"
9489
Text="Delete" CornerRadius="10"
9590
HorizontalOptions="Start" />
9691

97-
<HorizontalStackLayout HorizontalOptions="End" Grid.Column="1" Margin="0,0,5,0">
98-
<Button CornerRadius="10" Margin="0,0,5,0" HorizontalOptions="Center" BorderColor="Transparent" x:Name="cancelButton"
92+
<HorizontalStackLayout HorizontalOptions="End" Grid.Column="1" Margin="0,0,15,0">
93+
<Button CornerRadius="10" Margin="0,0,10,0" HorizontalOptions="Center" BorderColor="Transparent" x:Name="cancelButton"
9994
Text="Cancel" Command="{Binding CancelEditCommand}"/>
10095

101-
<Button Text="Save" CornerRadius="10" Grid.Row="2" x:Name="saveButton" BorderColor="Transparent" Background="{StaticResource PrimaryBrush}" TextColor="White"
96+
<Button Text="Save" CornerRadius="10" Grid.Row="2" x:Name="saveButton" BorderColor="Transparent" Background="{StaticResource PrimaryBrush}" TextColor="White"
10297
VerticalOptions="Center"
10398
Command="{Binding SaveItemCommand}"
10499
HorizontalOptions="Center" />
105-
106-
</HorizontalStackLayout>
107-
</Grid>
108100

101+
</HorizontalStackLayout>
109102
</Grid>
110-
</Frame>
103+
104+
</Grid>
111105
<ContentPage.Behaviors>
112106
<local:ContactFormBehavior/>
113107
</ContentPage.Behaviors>

0 commit comments

Comments
 (0)