set icon in Stepper

fakhravarifakhravari Member ✭✭✭

Is this possible?

Tagged:

Best Answer

  • fakhravarifakhravari ✭✭✭
    Accepted Answer
                                                            <Grid ColumnSpacing="0" RowSpacing="0" HorizontalOptions="FillAndExpand">
                                                                <Grid.ColumnDefinitions>
                                                                    <ColumnDefinition Width="*" />
                                                                    <ColumnDefinition Width="*" />
                                                                    <ColumnDefinition Width="*"/>
                                                                </Grid.ColumnDefinitions>
                                                                <Grid.RowDefinitions>
                                                                    <RowDefinition />
                                                                </Grid.RowDefinitions>
                                                                <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="0" Grid.Row="1" BackgroundColor="Transparent" >
                                                                    <ImageButton Source="add_circle" WidthRequest="28" HeightRequest="28" BackgroundColor="Transparent"></ImageButton>
                                                                </StackLayout>
                                                                <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="1" Grid.Row="1" BackgroundColor="Transparent" >
                                                                    <Entry HorizontalTextAlignment="Center" Keyboard="Numeric"></Entry>
                                                                </StackLayout>
                                                                <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="2" Grid.Row="1" BackgroundColor="Transparent" >
                                                                    <ImageButton Source="remove_circle" WidthRequest="28" HeightRequest="28" BackgroundColor="Transparent"></ImageButton>
                                                                </StackLayout>
                                                            </Grid>
                                                        </StackLayout>
    

    ok

Answers

  • JohnHardmanJohnHardman GBUniversity mod

    @fakhravari said:

    Is this possible?

    Yes, you can easily build a stepper that looks like this using Xamarin.Forms

  • fakhravarifakhravari Member ✭✭✭

    This tool Stepper?

    Or build


    <Grid.RowDefinitions>

    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>



    </Grid.ColumnDefinitions>

                                                                <StackLayout VerticalOptions="End" HorizontalOptions="Start">
                                                                    <ImageButton VerticalOptions="End" HorizontalOptions="Start" Grid.Row="0" Grid.Column="0" Source="add_circle" WidthRequest="28" HeightRequest="28" BackgroundColor="Transparent"></ImageButton>
                                                                    <Entry  VerticalOptions="End" HorizontalOptions="Start" Grid.Row="0" Grid.Column="1"></Entry>
                                                                    <ImageButton VerticalOptions="End" HorizontalOptions="Start" Grid.Row="0" Grid.Column="2" Source="remove_circle" WidthRequest="28" HeightRequest="28" BackgroundColor="Transparent"></ImageButton>
                                                                </StackLayout>
    
                                                            </Grid>
    

    ??

  • fakhravarifakhravari Member ✭✭✭
    Accepted Answer
                                                            <Grid ColumnSpacing="0" RowSpacing="0" HorizontalOptions="FillAndExpand">
                                                                <Grid.ColumnDefinitions>
                                                                    <ColumnDefinition Width="*" />
                                                                    <ColumnDefinition Width="*" />
                                                                    <ColumnDefinition Width="*"/>
                                                                </Grid.ColumnDefinitions>
                                                                <Grid.RowDefinitions>
                                                                    <RowDefinition />
                                                                </Grid.RowDefinitions>
                                                                <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="0" Grid.Row="1" BackgroundColor="Transparent" >
                                                                    <ImageButton Source="add_circle" WidthRequest="28" HeightRequest="28" BackgroundColor="Transparent"></ImageButton>
                                                                </StackLayout>
                                                                <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="1" Grid.Row="1" BackgroundColor="Transparent" >
                                                                    <Entry HorizontalTextAlignment="Center" Keyboard="Numeric"></Entry>
                                                                </StackLayout>
                                                                <StackLayout HorizontalOptions="FillAndExpand" Grid.Column="2" Grid.Row="1" BackgroundColor="Transparent" >
                                                                    <ImageButton Source="remove_circle" WidthRequest="28" HeightRequest="28" BackgroundColor="Transparent"></ImageButton>
                                                                </StackLayout>
                                                            </Grid>
                                                        </StackLayout>
    

    ok

Sign In or Register to comment.