Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improvements for HTML report template #8891

11 tasks
andresriancho opened this issue Mar 14, 2015 · 2 comments
11 tasks

Improvements for HTML report template #8891

andresriancho opened this issue Mar 14, 2015 · 2 comments


Copy link

andresriancho commented Mar 14, 2015

Contributor wanted

This issue is easy and looking for a contributor, just add a comment saying you'll do it's yours!

Not sure where to start from? Take a look at our First steps as a contributor and Contributing 101 wiki pages.

Other interesting tasks which can be completed by new w3af contributors can be found here.


The report template I've drafted is properly rendered but, as usual, ugly. These are some of the things I would like others to improve.


  • The generated HTML needs to be 100% self-contained, it must not reference any images, css, js or fonts.




  • There should be some padding on the top, before the first div with data
  • More padding after the main title
  • Potentially use different font for titles
  • Solve the issue we see in the second screenshot where a long list of enabled plugins uses a lot of vertical space and leaves the left "blank". Maybe add one of those "More ..." and "Less ..." buttons that show/hide data?



  • The red flag icon is not properly located, it should be centered (vertically/horizontally) and have padding
  • Maybe change the icon with something better/nicer
  • Maybe make the icon smaller
  • Use highlight.js to highlight the HTTP request/response
  • When there are long HTTP responses we're showing them all, using a lot of space. It might be a good idea to have a "vertical limit" for the HTTP request/response and add the "More ..." and "Less ..." links (as explained above)


  • Change the background so that the divs with data (which will still have white background) grab the reader's attention
  • Apply cosmetic changes to make the report look beautiful
Copy link

Mruocco commented Mar 4, 2016

I have done a lot of this out of personal necessity.
I will clean it up and issue a PR.

Copy link
Owner Author

andresriancho commented Mar 7, 2016

@Mruocco sounds good! Please do!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet

No branches or pull requests

2 participants