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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ICONFONT characters

Thread ID:

Created:

Updated:

Platform:

Replies:

145104 Jun 6,2019 05:30 PM UTC Feb 21,2020 04:59 AM UTC Xamarin.Forms 6
loading
Tags: SfTabView
ANSON
Asked On June 6, 2019 05:30 PM UTC

sorry guys, I am a newbie for programming. 

I had follow the introduction sftabview , all running good.

just when i using "Display mode="imagewithtext"",i facing problem 
i have no idea what to key in in "ICONFONT"..

CAN U GUYS Please advise ~

Muneesh Kumar G [Syncfusion]
Replied On June 7, 2019 08:32 AM UTC

Hi Anson, 
 
Greetings from Syncfusion.

Query: “what to key in in "ICONFONT
 
 
We have analyzed your requirement and you can achieve this by setting FontIconFontFamily as .ttf file and set the IconFont name. Please have the sample and let us know if you have any other concern.  
 
  <tabview:SfTabItem IconFont="A"
                                       FontIconFontFamily="{StaticResource fonts}"
                                       FontIconFontColor="#FF00AFF0"
                                       TitleFontColor="#FF00AFF0">
   <tabview:SfTabItem.Content>
 
 
 
Please check our Kb for using a Custom FontIcon for the SfTabView as below
https://www.syncfusion.com/kb/9804/how-to-create-sftabview-using-custom-fonticon

 
In our Syncfusion, we have Metro Studio which is useful for generating Font. Please check the following link for more reference about generating Metro Studio 
 
Muneesh Kumar G. 


Khar Hui CHok
Replied On February 18, 2020 02:46 PM UTC

Hi Syncfusion,

The IconFont property in SfTabView is only works if Glyph code matches the icon. I am trying to use PUA code in code-behind, but it doesn't work. 
For example I have SfTabItem that is generated from code-behind file. I have an icon with PUA code "e701". Thus the value of IconFont for the TabItem should be "&#e701;". I set the value as mentioned, but it does not work. 

PUA code that I have tried:
1. &#e701;
2. &#xe701;
3. e701
4. #e701;
5. #e701

All of these attempts was unsuccessful. 

Attached here with the code snippet, outcome, and the generated PUA from Metro Studio. 

Attachment: SfTabViewScreenshot_6def23dc.rar

Sakthivel Palaniyappan [Syncfusion]
Replied On February 19, 2020 02:26 PM UTC

Hi Khar,

Greetings from Syncfusion.

Currently we are validating the reported issue, we will update the details on 20th February 2020.

Regards,
Sakthivel P.
 


Sakthivel Palaniyappan [Syncfusion]
Replied On February 20, 2020 06:55 AM UTC

Hi Khar,

Thanks for your patience.

We have analyzed your query and checked the reported issue of “TabView header Icon font does not work for  PUA code”. To resolve the reported issue , you can set  PUA code as like below code snippet.

C#:
 
new SfTabItem() 
{ 
                    Content = allContactsGrid, 
                    Title = "Tab1", 
                    IconFont = "\uE701", 
                    FontIconFontFamily = "Text Edit.ttf#Text Edit", 
                    FontIconFontColor = Color.Red, 
}, 

We have created sample based on your requirement, please find the sample from below location

Sample link:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/TabViewSample1470687033.zip

Please let us know if you have any other queries.

Regards,
Sakthivel P.
 


Khar Hui CHok
Replied On February 20, 2020 08:48 AM UTC

Hi Khar,

Thanks for your patience.

We have analyzed your query and checked the reported issue of “TabView header Icon font does not work for  PUA code”. To resolve the reported issue , you can set  PUA code as like below code snippet.

C#:
 
new SfTabItem() 
{ 
                    Content = allContactsGrid, 
                    Title = "Tab1", 
                    IconFont = "\uE701", 
                    FontIconFontFamily = "Text Edit.ttf#Text Edit", 
                    FontIconFontColor = Color.Red, 
}, 

We have created sample based on your requirement, please find the sample from below location

Sample link:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/TabViewSample1470687033.zip

Please let us know if you have any other queries.

Regards,
Sakthivel P.
 


It works!

Thank You.

Sakthivel Palaniyappan [Syncfusion]
Replied On February 21, 2020 04:59 AM UTC

Hi Khar,

Thanks for your update.

We are glad to know that given solution works.

Please let us know if you have any other queries.

Regards,
Sakthivel P.
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon