Untitled

 avatar
user_3592257
plain_text
17 days ago
11 kB
3
Indexable
<Grid BackgroundColor="Black" RowDefinitions="50, 100, Auto, Auto, Auto,Auto,Auto,Auto,Auto,Auto">

     <HorizontalStackLayout Grid.Row="0">
         <ImageButton
             BackgroundColor="Transparent"
             HeightRequest="50"
             Source="xicon.png"
             WidthRequest="50" />

     </HorizontalStackLayout>

     <toolkit:AvatarView
         Grid.Row="1"
         BackgroundColor="Green"
         CornerRadius="50"
         FontSize="40"
         HeightRequest="100"
         HorizontalOptions="Center"
         Text="LM"
         TextColor="White"
         WidthRequest="100" />

     <Label
         Grid.Row="2"
         FontSize="20"
         HorizontalOptions="Center"
         Text="Lionel Messi"
         TextColor="White" />

     <Grid Grid.Row="3" HorizontalOptions="Fill">
         <Grid ColumnDefinitions="auto,*" HorizontalOptions="Center">
             <Label
                 Margin="0,0,10,0"
                 FontSize="15"
                 HorizontalOptions="End"
                 Text="Active since -"
                 TextColor="Gray" />
             <Label
                 Grid.Column="1"
                 FontSize="15"
                 HorizontalOptions="Start"
                 Text="December 11,2024"
                 TextColor="White" />
         </Grid>
     </Grid>

     <Grid
         Grid.Row="4"
         Padding="10"
         HorizontalOptions="Fill">
         <Grid ColumnDefinitions="Auto,*">
             <Label
                 FontSize="20"
                 HorizontalOptions="Start"
                 Text="Personal Information"
                 TextColor="White" />
             <ImageButton
                 Grid.Column="1"
                 BackgroundColor="White"
                 HeightRequest="40"
                 HorizontalOptions="End"
                 Source="home1.png"
                 WidthRequest="30" />
         </Grid>
     </Grid>


     <!--  This is for the Border and other details and buttons  -->


     <Border
         Grid.Row="5"
         Margin="10"
         Padding="15"
         Stroke="{StaticResource ButtonColor}"
         StrokeShape="RoundRectangle 20"
         StrokeThickness="0.9">
         <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto " RowSpacing="10">
             <Grid
                 Grid.Row="0"
                 Padding="5"
                 ColumnDefinitions="Auto, Auto, *"
                 HorizontalOptions="Fill">
                 <ImageButton
                     Grid.Column="0"
                     BackgroundColor="Transparent"
                     HeightRequest="30"
                     HorizontalOptions="Start"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
                 <Label
                     Grid.Column="1"
                     Padding="5"
                     FontSize="12"
                     HorizontalOptions="Start"
                     Text="Email"
                     TextColor="White"
                     VerticalOptions="Center" />
                 <Label
                     Grid.Column="2"
                     FontSize="12"
                     HorizontalOptions="End"
                     Text="sample@gmail.com"
                     TextColor="White"
                     VerticalOptions="Center" />
             </Grid>
             <Border Grid.Row="1" HeightRequest="1" />

             <Grid
                 Grid.Row="2"
                 Padding="5"
                 ColumnDefinitions="Auto, Auto, *"
                 HorizontalOptions="Fill">
                 <ImageButton
                     Grid.Column="0"
                     HeightRequest="30"
                     HorizontalOptions="Start"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
                 <Label
                     Grid.Column="1"
                     Padding="5"
                     FontSize="12"
                     Text="Phone"
                     TextColor="White"
                     VerticalOptions="Center" />
                 <Label
                     Grid.Column="2"
                     FontSize="12"
                     HorizontalOptions="End"
                     Text="09918130453"
                     TextColor="White"
                     VerticalOptions="Center" />
             </Grid>
             <Border Grid.Row="3" HeightRequest="1" />


             <Grid
                 Grid.Row="4"
                 Padding="5"
                 ColumnDefinitions="Auto, Auto, *"
                 HorizontalOptions="Fill">
                 <ImageButton
                     Grid.Column="0"
                     HeightRequest="30"
                     HorizontalOptions="Start"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
                 <Label
                     Grid.Column="1"
                     Padding="5"
                     FontSize="12"
                     Text="Account health"
                     TextColor="White"
                     VerticalOptions="Center" />
                 <Label
                     Grid.Column="2"
                     FontSize="12"
                     HorizontalOptions="End"
                     Text="No Violations"
                     TextColor="White"
                     VerticalOptions="Center" />
             </Grid>

         </Grid>


         <!--  Something here  -->
     </Border>


     <Grid Grid.Row="6" Padding="10">

         <Label
             FontSize="20"
             HorizontalOptions="Start"
             Text="Privacy"
             TextColor="White" />

     </Grid>


     <Border
         Grid.Row="7"
         Margin="10"
         Padding="15"
         Stroke="{StaticResource ButtonColor}"
         StrokeShape="RoundRectangle 20"
         StrokeThickness="0.9">
         <Grid RowDefinitions="Auto " RowSpacing="10">
             <Grid
                 Grid.Row="0"
                 Padding="5"
                 ColumnDefinitions="Auto, Auto, *"
                 HorizontalOptions="Fill">
                 <ImageButton
                     Grid.Column="0"
                     HeightRequest="30"
                     HorizontalOptions="Start"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
                 <Label
                     Grid.Column="1"
                     Padding="5"
                     FontSize="12"
                     HorizontalOptions="Start"
                     Text="Change Password"
                     TextColor="White"
                     VerticalOptions="Center" />
                 <ImageButton
                     Grid.Column="2"
                     HeightRequest="30"
                     HorizontalOptions="End"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
             </Grid>
         </Grid>
     </Border>


     <Grid Grid.Row="8" Padding="10">

         <Label
             FontSize="20"
             HorizontalOptions="Start"
             Text="Utilities"
             TextColor="White" />

     </Grid>


     <Border
         Grid.Row="9"
         Margin="10"
         Padding="15"
         Stroke="{StaticResource ButtonColor}"
         StrokeShape="RoundRectangle 20"
         StrokeThickness="0.9">
         <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto " RowSpacing="10">
             <Grid
                 Grid.Row="0"
                 Padding="5"
                 ColumnDefinitions="Auto, Auto, *"
                 HorizontalOptions="Fill">
                 <ImageButton
                     Grid.Column="0"
                     HeightRequest="30"
                     HorizontalOptions="Start"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
                 <Label
                     Grid.Column="1"
                     Padding="5"
                     FontSize="12"
                     HorizontalOptions="Start"
                     Text="Request Account Deletion"
                     TextColor="Red"
                     VerticalOptions="Center" />
                 <ImageButton
                     Grid.Column="2"
                     HeightRequest="30"
                     HorizontalOptions="End"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
             </Grid>
             <Border Grid.Row="1" HeightRequest="1" />

             <Grid
                 Grid.Row="2"
                 Padding="5"
                 ColumnDefinitions="Auto, Auto, *"
                 HorizontalOptions="Fill">
                 <ImageButton
                     Grid.Column="0"
                     HeightRequest="30"
                     HorizontalOptions="Start"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
                 <Label
                     Grid.Column="1"
                     Padding="5"
                     FontSize="12"
                     Text="Usage Analytics"
                     TextColor="White"
                     VerticalOptions="Center" />
                 <ImageButton
                     Grid.Column="2"
                     HeightRequest="30"
                     HorizontalOptions="End"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
             </Grid>
             <Border Grid.Row="3" HeightRequest="1" />


             <Grid
                 Grid.Row="4"
                 Padding="5"
                 ColumnDefinitions="Auto, Auto, *"
                 HorizontalOptions="Fill">
                 <ImageButton
                     Grid.Column="0"
                     HeightRequest="30"
                     HorizontalOptions="Start"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />
                 <Label
                     Grid.Column="1"
                     Padding="5"
                     FontSize="12"
                     Text="Logout"
                     TextColor="White"
                     VerticalOptions="Center" />
                 <ImageButton
                     Grid.Column="2"
                     HeightRequest="30"
                     HorizontalOptions="End"
                     Source="communication.png"
                     VerticalOptions="Center"
                     WidthRequest="30" />

             </Grid>

         </Grid>


         <!--  Something here  -->
     </Border>

 </Grid>
Leave a Comment