{"action":"created","issue":{"url":"https://api.github.com/repos/NativeScript/NativeScript/issues/4302","repository_url":"https://api.github.com/repos/NativeScript/NativeScript","labels_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/4302/labels{/name}","comments_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/4302/comments","events_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/4302/events","html_url":"https://github.com/NativeScript/NativeScript/issues/4302","id":232914554,"number":4302,"title":"Icon fonts not working for TabView tabs title on iOS","user":{"login":"sudhanshu-15","id":883233,"avatar_url":"https://avatars3.githubusercontent.com/u/883233?v=4","gravatar_id":"","url":"https://api.github.com/users/sudhanshu-15","html_url":"https://github.com/sudhanshu-15","followers_url":"https://api.github.com/users/sudhanshu-15/followers","following_url":"https://api.github.com/users/sudhanshu-15/following{/other_user}","gists_url":"https://api.github.com/users/sudhanshu-15/gists{/gist_id}","starred_url":"https://api.github.com/users/sudhanshu-15/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sudhanshu-15/subscriptions","organizations_url":"https://api.github.com/users/sudhanshu-15/orgs","repos_url":"https://api.github.com/users/sudhanshu-15/repos","events_url":"https://api.github.com/users/sudhanshu-15/events{/privacy}","received_events_url":"https://api.github.com/users/sudhanshu-15/received_events","type":"User","site_admin":false},"labels":[{"id":203689226,"url":"https://api.github.com/repos/NativeScript/NativeScript/labels/bug","name":"bug","color":"b60205","default":true},{"id":203690306,"url":"https://api.github.com/repos/NativeScript/NativeScript/labels/iOS","name":"iOS","color":"006b75","default":false},{"id":203689225,"url":"https://api.github.com/repos/NativeScript/NativeScript/labels/Ready%20For%20Test","name":"Ready For Test","color":"ededed","default":false},{"id":203688286,"url":"https://api.github.com/repos/NativeScript/NativeScript/labels/S:High","name":"S:High","color":"bf5930","default":false}],"state":"closed","locked":false,"assignee":{"login":"hshristov","id":5966717,"avatar_url":"https://avatars1.githubusercontent.com/u/5966717?v=4","gravatar_id":"","url":"https://api.github.com/users/hshristov","html_url":"https://github.com/hshristov","followers_url":"https://api.github.com/users/hshristov/followers","following_url":"https://api.github.com/users/hshristov/following{/other_user}","gists_url":"https://api.github.com/users/hshristov/gists{/gist_id}","starred_url":"https://api.github.com/users/hshristov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hshristov/subscriptions","organizations_url":"https://api.github.com/users/hshristov/orgs","repos_url":"https://api.github.com/users/hshristov/repos","events_url":"https://api.github.com/users/hshristov/events{/privacy}","received_events_url":"https://api.github.com/users/hshristov/received_events","type":"User","site_admin":false},"assignees":[{"login":"hshristov","id":5966717,"avatar_url":"https://avatars1.githubusercontent.com/u/5966717?v=4","gravatar_id":"","url":"https://api.github.com/users/hshristov","html_url":"https://github.com/hshristov","followers_url":"https://api.github.com/users/hshristov/followers","following_url":"https://api.github.com/users/hshristov/following{/other_user}","gists_url":"https://api.github.com/users/hshristov/gists{/gist_id}","starred_url":"https://api.github.com/users/hshristov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hshristov/subscriptions","organizations_url":"https://api.github.com/users/hshristov/orgs","repos_url":"https://api.github.com/users/hshristov/repos","events_url":"https://api.github.com/users/hshristov/events{/privacy}","received_events_url":"https://api.github.com/users/hshristov/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/NativeScript/NativeScript/milestones/33","html_url":"https://github.com/NativeScript/NativeScript/milestone/33","labels_url":"https://api.github.com/repos/NativeScript/NativeScript/milestones/33/labels","id":2566949,"number":33,"title":"3.2.0","description":"","creator":{"login":"PanayotCankov","id":5919275,"avatar_url":"https://avatars2.githubusercontent.com/u/5919275?v=4","gravatar_id":"","url":"https://api.github.com/users/PanayotCankov","html_url":"https://github.com/PanayotCankov","followers_url":"https://api.github.com/users/PanayotCankov/followers","following_url":"https://api.github.com/users/PanayotCankov/following{/other_user}","gists_url":"https://api.github.com/users/PanayotCankov/gists{/gist_id}","starred_url":"https://api.github.com/users/PanayotCankov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PanayotCankov/subscriptions","organizations_url":"https://api.github.com/users/PanayotCankov/orgs","repos_url":"https://api.github.com/users/PanayotCankov/repos","events_url":"https://api.github.com/users/PanayotCankov/events{/privacy}","received_events_url":"https://api.github.com/users/PanayotCankov/received_events","type":"User","site_admin":false},"open_issues":0,"closed_issues":25,"state":"closed","created_at":"2017-06-07T07:33:57Z","updated_at":"2017-09-08T12:56:49Z","due_on":"2017-09-07T07:00:00Z","closed_at":"2017-09-08T12:56:49Z"},"comments":11,"created_at":"2017-06-01T15:16:39Z","updated_at":"2017-11-01T17:29:13Z","closed_at":"2017-08-22T06:52:07Z","author_association":"NONE","body":"## Please, provide the details below:\r\n\r\n### Did you verify this is a real problem by searching [Stack Overflow](http://stackoverflow.com/questions/tagged/nativescript) and the [other open issues in this repo](https://github.com/NativeScript/nativescript/issues)?\r\nYes, looked for similar issues and solution.\r\nLooked at: https://github.com/NativeScript/NativeScript/issues/1217\r\nand https://github.com/NativeScript/nativescript-angular/issues/364\r\n\r\n### Tell us about the problem\r\nNot able to display icon fonts on TabView tabs title on iOS after updating to NS 3.0 using Typescript(No Angular). Icon fonts are working fine in Android tabview.\r\n\r\n### Which platform(s) does your issue occur on?\r\niOS\r\n\r\n### Please provide the following version numbers that your issue occurs with:\r\n- CLI: 3.0.2\r\n- Cross-platform modules: (check the 'version' attribute in the\r\n`node_modules/tns-core-modules/package.json` file in your project)\r\n- Runtime(s): (look for the `\"tns-android\"` and `\"tns-ios\"` properties in the\r\n`package.json` file of your project)\r\n- Plugin(s): (look for the version number in the `package.json` file of your\r\nproject)\r\n┌──────────────────┬─────────────────┬\r\n│ Component        │ Current version │ Latest version │ Information             │\r\n│ nativescript     │ 3.0.2           │ 3.0.2          │ Up to date                              │\r\n│ tns-core-modules │ 3.0.1           │ 3.0.1          │ Up to date                         │\r\n│ tns-android      │ 3.0.1           │ 3.0.1          │ Up to date                              │\r\n│ tns-ios          │ 3.0.1           │ 3.0.1          │ Up to date                                  │\r\n└──────────────────┴─────────────────┴\r\n### Please tell us how to recreate the issue in as much detail as possible.\r\nCreate a TabView and in TabViewItem set title to use an icon font (using FontAwesome in my case). You can use the sample codes below:\r\n\r\n### Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.\r\n\r\n```\r\n<Page xmlns=\"http://schemas.nativescript.org/tns.xsd\" navigatingTo=\"navigatingTo\" class=\"page\">\r\n    <Page.actionBar>\r\n        <ActionBar title=\"Icon Font Test\" icon=\"\" class=\"action-bar\">\r\n        </ActionBar>\r\n    </Page.actionBar>\r\n    <TabView tabTextColor=\"red\" androidSelectedTabHighlightColor=\"red\" selectedTabTextColor=\"green\" loaded=\"mainContentLoaded\" id=\"tabView1\">\r\n         <TabView.items>\r\n            <TabViewItem title=\"&#xf003; All\" class=\"mati\">\r\n              <TabViewItem.view>\r\n                <Label horizontalAlignment=\"center\" text=\"&#xf003;\" class=\"mati\"/>\r\n              </TabViewItem.view>\r\n            </TabViewItem>\r\n            <TabViewItem title=\"&#xf0a2; Notifications\" class=\"mati\">\r\n              <TabViewItem.view>\r\n                <Label horizontalAlignment=\"center\" text=\"&#xf0a2;\" class=\"mati\"/>\r\n              </TabViewItem.view>\r\n            </TabViewItem>\r\n            <TabViewItem title=\"&#xf044; Requests\" class=\"mati\">\r\n              <TabViewItem.view>\r\n                <Label horizontalAlignment=\"center\" text=\"&#xf044;\" class=\"mati\"/>\r\n              </TabViewItem.view>\r\n            </TabViewItem>\r\n          </TabView.items>\r\n    </TabView>\r\n</Page>\r\n```\r\n```\r\n.btn {\r\n    font-size: 18;\r\n}\r\n \r\n.mati {\r\n    font-family: fontawesome, FontAwesome;\r\n}\r\n\r\n```\r\n### Images for reference:\r\non iOS\r\n![screen shot 2017-06-01 at 10 24 54 am](https://cloud.githubusercontent.com/assets/883233/26686529/32c80a38-46bb-11e7-9aa7-16c056468505.png)\r\non Android\r\n![tns-nativescriptactivity-06012017102104](https://cloud.githubusercontent.com/assets/883233/26686534/36e66bb4-46bb-11e7-9f37-758bbdb194c7.png)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/NativeScript/NativeScript/issues/comments/341178364","html_url":"https://github.com/NativeScript/NativeScript/issues/4302#issuecomment-341178364","issue_url":"https://api.github.com/repos/NativeScript/NativeScript/issues/4302","id":341178364,"user":{"login":"briosheje","id":1898880,"avatar_url":"https://avatars3.githubusercontent.com/u/1898880?v=4","gravatar_id":"","url":"https://api.github.com/users/briosheje","html_url":"https://github.com/briosheje","followers_url":"https://api.github.com/users/briosheje/followers","following_url":"https://api.github.com/users/briosheje/following{/other_user}","gists_url":"https://api.github.com/users/briosheje/gists{/gist_id}","starred_url":"https://api.github.com/users/briosheje/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/briosheje/subscriptions","organizations_url":"https://api.github.com/users/briosheje/orgs","repos_url":"https://api.github.com/users/briosheje/repos","events_url":"https://api.github.com/users/briosheje/events{/privacy}","received_events_url":"https://api.github.com/users/briosheje/received_events","type":"User","site_admin":false},"created_at":"2017-11-01T17:29:13Z","updated_at":"2017-11-01T17:29:13Z","author_association":"NONE","body":"Is there even an official \"tutorial\" on how to use the tabview with font icons? I'm seeing a whole lot of different layouts out there, and the one described in the official angular docs doesn't allow to use font icons in tab views at all (https://docs.nativescript.org/angular/code-samples/ui/tab-view), since it's suggesting to use iconSource, which is likely looking for an image source.\r\n\r\nDespite I've integrated fontawesome and other fonts, I'm still using pngs as icons, since I didn't yet find any way to render icons in tabviews (neither in 3.2, nor in 3.3)."}}
{"actor":{"display_login":"briosheje"}}