ICONFONT characters

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 ~

Reply | Reply with quote

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>

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.

Reply | Reply with quote

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. 

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

Reply | Reply with quote

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 20^th February 2020.

Regards,
Sakthivel P.

Reply | Reply with quote

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.

Reply | Reply with quote

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.

Reply | Reply with quote

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.

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
145104	Jun 6,2019 05:30 PM UTC	Feb 21,2020 04:59 AM UTC	Xamarin.Forms	6

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US