Forum Xamarin.Forms

shell styling

Im using the bottom tabulation for shell and I don't want to use the titles , ust the icons, but I got an issue in this one:

I want to make the icon in the center, it always leave the place for the title

this is an image when I give the titles values


  • jezhjezh Member, Xamarin Team Xamurai

    Could you please post a basic demo so that we can test with it ?

  • SoniaDevRootSoniaDevRoot Member ✭✭
    edited July 2019
    Shell xmlns=""
                <Style x:Key="BaseStyle" TargetType="Element">
                    <Setter Property="Shell.ShellTitleColor" Value="White" />
                    <Setter Property="Shell.ShellBackgroundColor" Value="#443E43" />
                    <Setter Property="Shell.ShellTabBarBackgroundColor" Value="White" />
                    <Setter Property="Shell.ShellTabBarForegroundColor" Value="#FF3C3934" />
                    <Setter Property="Shell.ShellTabBarTitleColor" Value="#FF3C3934" />
                    <Setter Property="Shell.ShellTabBarUnselectedColor" Value="LightGray" />
        <ShellItem Route="tabs"
                   Style="{StaticResource BaseStyle}"
                   Title="Bottom Tab Sample">
            <ShellSection Route="homeTab" Icon="Home.png" >
                <ShellContent Route="homeContent" x:Name="home" >
            <ShellSection Route="details" Icon="category.png" >
                <ShellContent Route="detailTicket" x:Name="details">
            <ShellSection Route="Cart" Icon="ticket.png" >
                <ShellContent Route="TicketsList" x:Name="tickets">
            <ShellSection Route="Profile" Icon="account.png" >
                <ShellContent Route="ContentProfile" x:Name="profile">

    @jezh this is the code for my shell page

    if you want to see the whole code I have it in my github account it's just simply test for the shell


  • jezhjezh Member, Xamarin Team Xamurai

    I will test this question, and will be back as soon as possible.

  • SoniaDevRootSoniaDevRoot Member ✭✭

    thank you @jezh I really appreciate it.

  • Any updates?

  • @TBoccaleri no still waiting for an update in this issue

  • LuiCLuiC USMember ✭✭

    can you not make an effect to specify how tabs are drawn on android?

    there's a mode for only using the icon.
    now, I've not tried this within the shell but I assume it should still work.

  • LuiCLuiC USMember ✭✭

    @SoniaDevRoot did that work for you?

  • @LuiC no actually it's is not related to my question, the shell is different from the tabulation

Sign In or Register to comment.