CODEWITHSUNDEEP
xamarinxamarin.formsxamarin-studio
Aneesh.A.M
Aneesh.A.M

Reputation: 1148

Xamarin Forms Controls with borders

In my Xamarin forms application I want to add borders to a Grid / StackPanel. Also the background color will be transparent. I used frame control , but when I set background color to transparent the border also not shown. Please help me?

Upvotes: 4

Views: 10543

Answers (4)

user3807755
user3807755

Reputation: 1

There's no Border property for GridView, but:

Just set grid.BackgroundColor to your desired border color value, then set grid.ColumnSpacing and grid.RowSpacing to some value and make sure all controls you add to the grid have own BackgroundColor set correctly.

You also have to set Grid.Padding to whatever the border width you want.

Upvotes: 0

LCJ
LCJ

Reputation: 22661

A BoxView can be used for border purpose. In the following XAML code, note that FillAndExpand option is used for HorizontalOptions of the StackLayout 

<StackLayout VerticalOptions="Start" HorizontalOptions="FillAndExpand"  >
    <BoxView  BackgroundColor="Cyan" HeightRequest="5" VerticalOptions="End" HorizontalOptions="FillAndExpand" />
    <BoxView  BackgroundColor="Cyan" HeightRequest="1" VerticalOptions="Start" HorizontalOptions="FillAndExpand" />                     
</StackLayout>

Upvotes: 1

Daniel Luberda
Daniel Luberda

Reputation: 7454

There's no Border property for GridView, but:

Just set grid.BackgroundColor to your desired border color value, then set grid.ColumnSpacing and grid.RowSpacing to some value and make sure all controls you add to the grid have own BackgroundColor set correctly.

Upvotes: 2

Demitrian
Demitrian

Reputation: 3230

You basically have two possibilies, since this is not yet supported in Forms, where the first is to use BoxViews as explained on SO in this post.

Otherwise, you can wrap a StackLayout around your View (the StackLayout or Grid as you mentioned) with a BackgroundColor and Padding of 0.5 as explained here.

Let me know if you need more concrete examples.

Upvotes: 5

Related Questions