We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Round Button or Image on SfTabView

I am trying to get a Circular Icon of my Application Logo right in middle of sftab bar menu's, I have 5 Tab Menu's where the third one i want it to look like this

trying to get this on Android & Ios

i have tried custom rendering by removing the padding but still not able to get the desired result, i found one solution updating icon using SetTabIcons Method but this method does not get trigger when we are working with bottom tabbed bar in Android, please suggest me something which can help me to get this for both android & Ios,

could u please help me with it ?

1 Reply

DR Dhanasekar R Syncfusion Team December 26, 2018 05:58 AM UTC

Hi Ronak, 
Greetings from Syncfusion. 
Query: “Round Button or Image on SfTabView” 
We have validated your query and your requirement can achieved by using a CenterButtonView property. By using a CenterButtonView property you can add the image and customize the size and color in the CenterButtonSettings. We have prepared a sample based on your provided image. Please have the sample from the following link 
Code snippet: 
                <tabView:CenterButtonSettings Height="60" Width="60"/> 
                <Image Source="Compose.png" 
                        Tapped="CenterButton_Tapped" /> 
            <tabView:SfTabItem > 
Please have the KB link for showcasing the CenterButton in SfTabView as reference

Live Chat Icon For mobile
Up arrow icon