telerikInput:RadButton The button background is a small picture. If you want to move the picture to the right a little,

0 Answers 97 Views
Button
li
Top achievements
Rank 1
Iron
li asked on 27 Apr 2022, 07:36 AM

<telerikPrimitives:RadPopup.Popup>
                <telerikPrimitives:RadPopup x:Name="popuptwo" IsModal="True" Placement="Center">
                    <telerikPrimitives:RadBorder WidthRequest="250" Margin="0,0,0,20" HeightRequest="42" HorizontalOptions="Center" VerticalOptions="Center"  CornerRadius="8" BackgroundColor="White">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="42"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="50*"></ColumnDefinition>
                                <ColumnDefinition Width="50*"></ColumnDefinition>
                            </Grid.ColumnDefinitions>
                            <Grid Grid.Row="0" Grid.ColumnSpan="2">
                                <telerikInput:RadButton ContentLayout="Left,4" x:Name="images" HorizontalOptions="Start"
                                    BorderColor="#c9c9c9" BackgroundColor="#4295F4" TextColor="White" BorderWidth="1" CornerRadius="8" WidthRequest="400" VerticalOptions="Center"/>
                            </Grid>
                        </Grid>
                    </telerikPrimitives:RadBorder>
                </telerikPrimitives:RadPopup>
            </telerikPrimitives:RadPopup.Popup>

 

 

popuptwo.IsOpen = true;
            images.ImageSource = success;
            images.Text = "成功";
            Device.StartTimer(TimeSpan.FromMilliseconds(2000),
            () =>
            {
                popuptwo.IsOpen = false;
                return false;
            });

Lance | Senior Manager Technical Support
Telerik team
commented on 27 Apr 2022, 12:53 PM

Hi Li,

I'm not sure I understand your question. It seems more of a statement, but I suspect the title was clipped for being too long (see my posting tips below). In any case, you are using ContentLayout to Left,4 this is expected to have the result I see in the screenshot.

We recommend setting ContentAlignment properties instead, see the following documentation => Xamarin Button Documentation | Key Features - ContentAlignment.

<telerikInput:RadButton HorizontalContentAlignment="Start" 
                        VerticalContentAlignment="Center"

Then, if you still want to add some padding, you can use the Padding property

<telerikInput:RadButton Padding="4,0,0,0"/>

Posting Tips

So that any future posts you open do not get clipped, please keep the title short. You can put the full question in the body of the message:

Additionally, try to avoid pasting code directly into the body, this can some times result in incorrect parsing because that content is expected ot be normal language text. Instead, you can using the code button (pictured below) and it will maintain accuracy of the content.


No answers yet. Maybe you can help?

Tags
Button
Asked by
li
Top achievements
Rank 1
Iron
Share this question
or