Lets talk about the Enterprise Architect HTML Reports

Enterprise Architect & the HTML Report

In recent months we put together a couple of guides on editing & pre-editing the HTML report output from Sparx Systems Enterprise Architect:

These articles were very much focused on how to view the edited report in Chrome once you had generated it from Enterprise Architect. If you want your edited report to work in browsers other than Chrome then there are a couple of changes you can make to the CSS edits previously described that will make your life a little easier.

To make our edits work in all browsers we will still need to make the –allow-file-access-from-files” change to Chrome’s settings (as outlined in Editing an HTML report generated from Enterprise Architect using CSS). But the CSS changes we would make are slightly different:

.IndexHeader

In this section we would still be making a change to the height to accommodate our logo. Change the height to “height: 91px;”

.IndexBody

Here we will now leave “position: absolute;” as it is and instead change the top attribute like this “top: 90px;” this will change the layout of the page to accommodate our new header.

.IndexHeader IMG

The edit we are going to apply will make some aesthetic changes to our logo. If you’re happy with the size of your logo then you won’t need to make this change, that said I felt like it could a little neater on my report so made the following edits:

“margin: 10px 20px 0 0;”
“height: 70px;”

.IndexTitle

With this final edit all we are doing is changing the position of the report title. As it is generated from Enterprise Architect the title is very close to the left hand margin, to change this simply change the left attribute to your desired distance e.g. “left: 15px;”

These changes will then make your custom report template functional in any browser, not just Chrome. The difference in some of these edits is that we are no longer using webkit modifiers on CSS attributes as they do not function outside of Chrome.

Making these changes outlined above prior to generating your report by creating a custom web template as outlined in HTML Report 2, Electric Boogaloo you will be able to create HTML reports that are immediately pleasing to your eye & using your own brand.

 

Previous Next