ICONFONT characters

[ANSON]

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]

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> 

 

Sample: http://www.syncfusion.com/downloads/support/forum/145104/ze/TabView-1894317428 

 

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 

 

https://help.syncfusion.com/metro-studio/export-icon-font

Regards, 

Muneesh Kumar G. 

[Khar Hui Chok]

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]

Hi Khar,

Greetings from Syncfusion.

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

Regards,
Sakthivel P. 

[Sakthivel Palaniyappan]

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]

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]

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.