Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.I have found that Heatmap images are created, for the page viewed in different resolutions (800, 1024 etc), are generated in varying widths. I would have assumed that when you view 'All' screen sizes, that the combined image would be a composition of all images displayed 100%, aligned top left, however, they seem to be scaled horizontally to match the largest image width. With this distortion, the heatmaps are wrong, and can then only be viewed by selecting each individual screen resolution from the 'Screen Size' dropdown.
This bring to light another problem, the dropdown has set resolutions, however, it is not dynamic and does not show all the resolutions actually recorded. I had to go into the module cache directory, note down the screen sizes captured and then edit the module code to add these resolutions to the 'screen size' select menu.
These two combined faults make this almost unusable as I had to manually go though the screens, copy the images into Photoshop and try and get some sort of usable image out of this.... very time consuming.
| Comment | File | Size | Author |
|---|---|---|---|
| #2 | layout.png | 822 bytes | philbar |
Comments
Comment #1
dean.p commentedActually, an update to this. The heatmaps are distorted to the width of the browser you are viewing them on in the clickheat admin. Example, if I maximise my browser on my 1900 wide monitor and refresh, the heatmap is distorted to my browser width. If I reduce the width of my browser, hit refresh, then the heatmap distorts again.
Not too handy especially if you have a fixed width website although I don't know if it'd be any better on a variable width site.
Comment #2
philbar commentedYou need to change the layout settings to match your theme. Click the icon that looks like the attached image in the Click Heatmap report.