ActionBar bottom border


#1

Hello,

I have a question if is possible to create 5px bottom border to action bar. On iOS and android too.

Thanks

Example:
59


#2

You can use hr class in css

app.css

.hr {
height: 15px;
background-color: blue;
}

home.component.html

<ActionBar title="Home" class="action-bar"></ActionBar>
<StackLayout>
<StackLayout class="hr">
</StackLayout>
</StackLayout>

Screen:


#3

May be you can just set the border-top-* attributes in CSS for the first element of your Page.

HTML

<ActionBar title="Home" class="action-bar"></ActionBar>
<ScrollView class="page">
</ScrollView>

CSS

.page {
    border-top-width: 5;
    border-top-color: black;
}