question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

icon font codes in TabView *tabItem directives don't work

See original GitHub issue

There is what I want to accomplish :

<TabView selectedIndex="1">
  <StackLayout *tabItem="{title: '&#xf030;'}" class="fa">
    <Label text="This is Label in Tab 1  &#xf030;"></Label>
  </StackLayout>
  <StackLayout *tabItem="{title: '&#xf030;'}" class="fa">
    <Label text="This is Label in Tab 1  &#xf030;"></Label>
  </StackLayout>
</TabView>

Here, the font-awesome icon code shows correctly in the Label block but in the tab it doesn’t. It could be really useful to have that working 😃

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:15 (2 by maintainers)

github_iconTop GitHub Comments

7reactions
bozhidarccommented, Oct 8, 2017

I saw this issue is fixed for the plain {N} in #4302, where you can target directly the TabView Item. In Angular the template structor is completely different so I think there should be a fix for the Angular version, too. This issue should be reopened or a new one created.

6reactions
sivsushruthcommented, Sep 28, 2016

Please open!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change color of image (icon) in tabItems in SwiftUI
If you want to have different TabBar button colors when the tab is selected than I'm reasonably confident that the Apple provided control ......
Read more >
Can we add Font Awesome icons in tabs name alongside the ...
I am wondering if there is a possibility to hide it somehow, to not affect the intended design. Here is the code, for...
Read more >
Tab views - Components - Human Interface Guidelines - Design
A tab view presents multiple mutually exclusive panes of content in the same area, which people can switch between using a tabbed control....
Read more >
TabView - NativeScript Docs
The TabView component provides a simple way to navigate between different views by tapping on some of the tabs or by swiping between...
Read more >
Best practices for fonts - web.dev
Delayed text rendering: If a web font has not loaded, ... page's fonts are being requested in time, check the Timing tab within...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found