Home      FAQ      Forum      Idea Exchange      Ask a Question      My Stuff      Help   
  
ICONs on Buttons
I see that in the new UI you have ICONs beside the Button text for New, Print, Export, etc. Can I make the following suggestions
- give an option to show ICON only (very useful on small mobile screens)
- especially provide the ability to replace the buttons in the Actions column in Lists by ICONs. Saves screen width and useful on small mobile screens
- provide standard ICONs for View, Edit, Delete,

Thanks
ID
774
Category
User Experience
Author

Philipp Matuschka
Date Created
10/14/2014 10:47:23 AM
Date Updated
9/28/2017 6:10:15 PM
Status
New Idea
Score
30
Promoted By
Ivan PapishbaseninePhilipp Matuschka
Comments
Kirill Bondar  Staff  10/15/2014 4:58:59 AM
1. Text is already automatically hidden on screens less than 768px - you can test it even on desktop in any modern browser by reducing window width.

2. We wanted to do it in a little bit different way on a mobile devices - convert the set of buttons to a sort of dropdown. Also

As for icons as a way to improve UI readability - while feature looks simple at the moment it's somewhat technically complicated. Icons on buttons are not images, they are rather vector graphic to scale with the base font size (especially on retina displays). The only cross-browser way to display vector graphics is to use specially crafted font - not a big problem since there are many online tools for that. Next, again, cross-browser problem - to make it work you need to supply font in 4 various formats - EOT for IE8-, TTF for IE9+ and all the rest, WOFF as more compact TTF and finally SVG for old iOS/Android devices. So far so good but IE7 requires serious scaffolding to display icons and we have to evaluate each and every case to make sure it won't break the functionality.

All browsers except for IE are "evergreen" - only latest version is supported. As far as I heard, in one year Microsoft will change its browser support policy switching to an "evergreen" model as well - that's IE9 on Vista, IE10 on Windows 2008 server and IE11 on everything else. Also at this time old Android devices will fade away. IE9's feature set is good enough to compete with "latest and greatest". Then we'll be able to review the set of technologies available at our hands.
Philipp Matuschka 10/26/2014 9:05:23 AM
"1. Text is already automatically hidden on screens less than 768px - you can test it even on desktop in any modern browser by reducing window width."

Kirill: I had a look at this, and the text being hidden on small screens is not good. You end up with a little square and no idea what it means. I think you may need to have another look at that.

2. Thanks for the explanation for the technical challenges. However I think that the suggestions made above should still be possible, even with those challenges. If I had to chose one particular large screen wish it would be - especially provide the ability to replace the buttons in the Actions column in Lists by ICONs. Saves screen width and useful on small mobile screens"

Thanks

Kirill Bondar  Staff  10/27/2014 5:56:05 AM
@Philipp:

1. > the text being hidden on small screens is not good. You end up with a little square and no idea what it means

The text is automatically hidden only if there is an icon - that's what you have suggested to do via the separate option. If we hide text on a block with no icon that's definitely a bug - I'd ask for the location the issue occurred.

2. In any way we would like to keep it simple for public - that's either to wait until old browsers are gone and we can use a single supported baseline for icons or to create some process to hide all the technical challenges. At the moment, as IE7 shows, we can kick it in for a dozen of own icons but we still can't make support generic.

We'll keep it on our radar for a while.
Philipp Matuschka 10/28/2014 8:29:07 AM
Kirill:The text is automatically hidden only if there is an icon - that's what you have suggested to do via the separate option.
Philipp: Has this option been implemented?

Kirill: If we hide text on a block with no icon that's definitely a bug - I'd ask for the location the issue occurred.
Philipp: Login from Windows Mobile. On the very top right of the screen where Support and Setup appear on a fullscreen, on the small screen there are just two little boxes. I would have thought that at least the text could appear.

Kirill Bondar  Staff  10/28/2014 9:05:45 AM
@Philipp: Windows Mobile or Windows Phone? Windows Mobile is quite old and buggy and we do not support it at all. It definitely works on Windows Phone 8.1 yet we have not tested it on older versions. What version do you have?
Philipp Matuschka 10/31/2014 5:35:15 AM
Windows Phone 7
Kirill Bondar  Staff  10/31/2014 6:18:06 AM
@Philipp: WP7 claims to support custom fonts (icons) but does not load font files - described here:

http://blogs.msdn.com/b/thebeebs/archive/2011/12/14/font-face-isn-t-working-on-ie9-inside-of-windows-phone-7.aspx

It looks like we'll need another brute force hack for icons :)
Philipp Matuschka 10/31/2014 7:03:06 AM
Kirill. Life is tough. For the moment however, if I am the only WP7 user, and this really is not a problem on WP8, don't prioritise this. Most of my user base will either be Android, IOS or WP8 and I will be moving to WP8 soon also.
Kirill Bondar  Staff  11/10/2014 4:11:55 AM
@Philipp: we should no longer hide the text if icons are not supported.
Philipp Matuschka 11/11/2014 2:46:04 AM
That looks much better. Thank you
Ivan Papish 9/28/2017 6:10:15 PM
It would be great to be able to add icons to the buttons.
For example if in the URL column I want to display the facebook link as a button, would be nice to have the opportunity to display it as a facebook icon instead of text.
Feedback
 
Back to Search Results