Size of Images on Tab Items are too small and can't be enlarged

Hi,

We are trying to use the sfTabView for a project (mainly targeting Android/Tablet) but the images are rendering far to small. (See image below) 

Image_4248_1727853229138


We are not using the bound items (ItemsSource) as we have completely different types of content for each tab - so this means we can't use the HeaderItemTemplate to overcome this.

I have tried using FontImageSource (with Google Material Design Font) and specifying different font sizes, as well as trying regular images of all resolutions (with and without text) - but no matter what approach I try the icons are tiny and really hard to see. 
It appears only the fontsize of the TabItem text can be changed and that has no effect on the Image size at all.

Can you please advise how to change the image size (if need be we can render tab item text onto image as well) - is there some hidden style or template we can override somewhere?

thanks

Niall



1 Reply

BV Brundha Velusamy Syncfusion Team October 4, 2024 10:09 AM UTC

Hi Niall,

 

Greetings from Syncfusion support!

 

We have reviewed your query and based on the issue reported, we have tested the font icon in the TabView. On our end, it rendered correctly.

 

Additionally, we would like to inform you that currently, the font icon size for tab items cannot be customized, as it is fixed at the source level.

 

For reference, we have attached the sample we tested along with a demonstration screenshot. Please review the attached files and let us know if there are any discrepancies with your scenario. If needed, feel free to modify the sample and share it with us so we can perform a more detailed investigation.

 

To assist you further, could you kindly provide the following details to help us investigate more thoroughly:

 

  1. A complete code snippet or a sample project that reproduces the issue.
  2. Specific scenarios or layouts where the problem occurs.
  3. The versions of the Microsoft.Maui.Controls and Microsoft.Maui.Controls.Compatibility NuGet packages you're using.
  4. Information about the device(s) where the issue is observed.

 

This information will allow us to replicate the issue more accurately and offer a more precise solution.

 

Regards,

Brundha V


Attachment: TabView_11810245.zip

Loader.
Up arrow icon