We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Sophist-UK
  2. General Discussion
  3. Thursday, 01 August 2013
  4.  Subscribe via email
Unfortunately, when Joomla implemented Bootstrap, they didn't do so completely, and so we have some incompatibilities in places. One such incompatibility is between the bootstrap (Glyphicons) icons and the Joomla (Icomoon) icons.

So for example (and this is one of many):

Bootstrap has two plus sign icons: icon-plus (a plain +) and icon-plus-sign (a + in a circle)
Joomla has two plus sign icons: icon-plus (a + in a circle) and icon-plus-2 (a plain +)

In T3, if you use the icon-plus-2 icon in e.g. a button, it displays empty!! But using protostar it shows an icon.

Aaaaaaarrrrrrrrgggggggghhhhhhhhhhh!!!!!!!!!!! Why, why, why, WHY, WHY did the Joomla team do this??????

More to the point, How can we improve the compatibility of T3 and Joomla?

There are 130 icons in Joomla. There are 140 icons in Bootstrap. T3 uses FontAwesome which is a superset of Bootstrap and provides 378 icons (some of which are aliases). Of the 130 icons in Joomla, 42 have the same name as a FontAwesome icon, and the remaining 88 don't map - but many of these have identical or similar-looking icons which we can map onto.

The css for icons looks like it can only map to one icon set - so the obvious choice is to stick with the FontAwesome icon set and try to provide greater compatibility.

1. At a minimum we should map the 88 Joomla icons to the closest FontAwesome icon. This should be as easy as adding the names to icons.less - I will do this and create a PR for it. This will at least avoid empty icons and be semantically close.

2. However, ideally we would also provide an admin selectable option whereby we also remap the names which are common to both Joomla & Bootstrap names so that the icons shown are the closest looking FontAwesome icon to the standard Joomla3 one. The user can then choose whether they have full compatibility with other Bootstrap templates / web pages or with other Joomla templates (like protostar).

I am not sure how much effort it would be to do item 2.

S
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Here is my mapping from Joomla icon names to FontAwesome icon names for those Joomla names which don't exist in FontAwesome. Adding these should at least make a suitable icon show up.

Joomla Icon / FontAwesome Icon

icon-address / icon-book
icon-arrow-down-2 / icon-circle-arrow-down
icon-arrow-down-3 / icon-caret-down
icon-arrow-first / icon-step-backward
icon-arrow-last / icon-step-forward
icon-arrow-left-2 / icon-circle-arrow-left
icon-arrow-left-3 / icon-caret-left
icon-arrow-right-2 / icon-circle-arrow-right
icon-arrow-right-3 / icon-caret-right
icon-arrow-up-2 / icon-circle-arrow-up
icon-arrow-up-3 / icon-caret-up
icon-bars / icon-bar-chart
icon-basket / icon-shopping-cart
icon-box-add / icon-download-alt
icon-box-remove / icon-upload-alt
icon-broadcast / icon-signal
icon-brush / icon-tint
icon-calendar-2 / icon-calendar
icon-camera-2 / icon-facetime-video
icon-cancel / icon-remove-sign
icon-cancel-2 / icon-remove
icon-cart / icon-shopping-cart
icon-chart / icon-bar-chart
icon-checkbox / icon-check
icon-checkbox-partial / icon-check-minus
icon-checkbox-unchecked / icon-check-empty
icon-checkmark / icon-ok
icon-clock / icon-time
icon-color-palette / icon-dashboard
icon-comments-2 / icon-comments
icon-contract / icon-resize-small
icon-contract-2 / icon-resize-small
icon-cube / icon-inbox
icon-database / icon-hdd
icon-drawer / icon-inbox
icon-drawer-2 / icon-inbox
icon-equalizer / ??
icon-expand-2 / icon-fullscreen
icon-eye / icon-eye-open
icon-feed / icon-rss-sign
icon-file-add / icon-expand-alt
icon-file-remove / icon-collapse-alt
icon-first / icon-fast-backward
icon-flag-2 / icon-paper-clip
icon-folder / icon-folder-open
icon-folder-2 / icon-folder-close
icon-grid-view / icon-columns
icon-grid-view-2 / icon-th
icon-health / icon-stethoscope
icon-help / icon-question-sign
icon-lamp / icon-lightbulb
icon-last / icon-fast-forward
icon-lightning / icon-bolt
icon-list-view / icon-list-ul
icon-location / icon-map-marker
icon-locked / icon-lock
icon-loop / icon-refresh
icon-mail / icon-envelope
icon-mail-2 / icon-envelope-alt
icon-menu / icon-ellipsis-vertical
icon-menu-2 / icon-sort
icon-minus-2 / icon-minus
icon-mobile / icon-mobile-phone
icon-next / icon-forward
icon-out / icon-share
icon-out-2 / icon-signout
icon-pencil-2 / icon-pencil
icon-pictures / icon-picture
icon-pie / ??
icon-pin / icon-pushpin
icon-play-2 / icon-play-circle
icon-plus-2 / icon-plus
icon-power-cord / icon-magnet
icon-previous / icon-backward
icon-printer / icon-print
icon-puzzle / icon-puzzle-piece
icon-quote / icon-quote-left
icon-quote-2 / icon-quote-right
icon-redo / icon-share-alt
icon-screen / icon-desktop
icon-shuffle / icon-random
icon-star-2 / icon-star-half-empty
icon-support / icon-screenshot
icon-tools / icon-wrench
icon-users / icon-group
icon-vcard / icon-renren
icon-wand / icon-magic
icon-warning / icon-warning-sign

There were two icons which had no matching icon that came even close. Any suggestions on these welcome. If anyone would like to propose a better mapping, that is welcome too.

There were only 15 of the 42 icons with the same names that could be mapped to a better icon in FontAwesome - and it is probably not worth doing point 2. in my original post for only 15 icons.

S
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
The solution for this has been submitted as PR-130.

I hope that my fixes to the various problems will be merged and a new version of T3 published with them really soon. :)

S
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
I note that 4 weeks later and this fix has still not been merged - nor has anyone from joomlart even commented on it.

Having put the effort into identifying the issue, tracking down the cause and creating a fix, it would be nice if someone from joomlart had the courtesy at least to review and comment on it.

S
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.