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

ICONFONT characters

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 ~

6 Replies

MK Muneesh Kumar G Syncfusion Team June 7, 2019 12:32 AM

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. 



KH Khar Hui Chok February 18, 2020 06:46 AM

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


SP Sakthivel Palaniyappan Syncfusion Team February 19, 2020 06:26 AM

Hi Khar,

Greetings from Syncfusion.

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

Regards,
Sakthivel P.
 



SP Sakthivel Palaniyappan Syncfusion Team February 19, 2020 10:55 PM

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.
 



KH Khar Hui Chok replied to Sakthivel Palaniyappan February 20, 2020 12:48 AM

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.


SP Sakthivel Palaniyappan Syncfusion Team February 20, 2020 08:59 PM

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.
 


Loader.
Live Chat Icon For mobile
Up arrow icon