Ticket #118 (accepted enhancement)

Opened 22 months ago

Last modified 22 months ago

Tweak HTML Report (based on fontawesome)

Reported by: guest Owned by: tobwoerk
Priority: major Milestone: Version 1.8.0
Component: Report Version: 1.6.0
Keywords: Cc:


Currently for report generation there is an XSLT file and some png resources used.

To give the report a little more modern layout, you could switch to fontawesome icons.

Please have a look at the attached screenshot to get and idea about the new layout.


Bildschirmfoto 2017-06-18 um 08.20.26.png (540.7 KB) - added by guest 22 months ago.

Change History

Changed 22 months ago by guest

comment:1 Changed 22 months ago by guest

To implement such a change, some js code would need to be changed, because it is based on <img> and Fontawesome is using <i>.

If you are interested in, I could work this issue and submit a patch.

comment:2 Changed 22 months ago by tobwoerk

  • Owner changed from rbri to tobwoerk
  • Status changed from new to assigned
  • Summary changed from Use fontawesome.css instead of png images in reports to Tweak HTML Report (based on fontawesome)

Dear guest,

thanks for your ideas and suggestions concerning the current Wetator default report.
At first sight your report version indeed has a slightly more modern look though you kept it nearly the same from a structural point of view.

We like the idea of tweaking the fonts and especially some icons (the check mark, the X or the open/collapse pictures) as suggested.
We also guess that we won't need fontawesome for doing so. And we'd like to keep some of the currently used images since we prefer them to the fontawesome icons (e.g. the browser icons).

We consider changing the following elements in a next version:

  • green check mark
  • red & blue X
  • open/collapse
  • some font tweaks (e.g. bold headlines)

Wetator team

comment:3 Changed 22 months ago by guest

Just replacing the png images is easier to implement I agree. If you do so, please add them in high resolution and not only 72 dpi. Retina displays are getting main stream. :-) Nice website to download fontawesome as png is http://fa2png.io/.

comment:4 Changed 22 months ago by guest

In the screenshot I was using

  • fa-check
  • fa-times
  • fa-plus-square-o
  • fa-file-text-o
  • fa-crosshairs
  • fa-exclamation-triangle
  • fa-caret-down
  • fa-caret-up

comment:5 Changed 22 months ago by frank.danek

  • Milestone changed from Version 1.7.0 to Version 1.8.0

comment:6 Changed 22 months ago by tobwoerk

  • Status changed from assigned to accepted
Note: See TracTickets for help on using tickets.