Issue adding logo to charts

Resolved dschroth
(@dschroth)

5 years, 11 months ago

I’m having issues adding my logo to Visualizer charts. I followed the instructions on this page – https://docs.themeisle.com/article/953-adding-logo-image-into-charts

I’ve done a bit of debugging, tried the line of code in various places within customization.js (and slightly modified the css being injected to better work with my logo by removing the height parameter and added a z-index) and I’m still not able to place the image on top of the graph unless I manually move the vim div within the Chrome debugger.

Specifically, it appears that the jquery .after is placing the vim/logo div AFTER the chart div, and since it’s not inside the div holding the chart, it launches off into outer space (as you can see on the far right hand side of the page). I attempted to change it to .append, which also did not work as the page loaded, appended the image, then the graph js overwrote the whole div eliminating the image.

In short, the code on the instructions page that I followed needs to anchor to a div that’s inside the main chart div (I can’t see there’s an obvious one to use) or it should be changed to use .append and execute after the chart processes.

What else can I do to make this work as intended?

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Contributor contactashish13
(@rozroz)

5 years, 11 months ago

@dschroth you are welcome to change the markup to suit your needs. For example, you can add a parent div to the visualizer div and then use .append. There are various methods to accomplish this and we have provided a basic skeleton that proves the concept; after that, it is for users to adapt it to their needs.

Kindly spare a moment to leave us a review. It would really help us spread the word!

Thread Starter dschroth
(@dschroth)

5 years, 11 months ago

This response is a bit frustrating – I’m not a developer by training or by trade, so the debugging that I’ve done is pushing the limits of my knowledge. I followed the instructions to add the logo and they appear to be flawed – the instructions do not mention that it’s an “example” – it says it’s “how to add a logo” and after hours of trying to figure it out, you’re saying that it’s just a “basic skeleton” (that doesn’t even work)?

I would be apprehensive changing the code of the plugin as I’d rather not have to make sure the change sticks each time I update it (nor do I even know where to start to figure it out). It would seem that adjusting the FAQ page to a method that works would help anyone else trying to do this?

Plugin Contributor contactashish13
(@rozroz)

5 years, 11 months ago

@dschroth I understand your frustration but the code works for all customers who have used it and we cannot customize the code for your particular use case. That will have to be done by you.

Plugin Contributor contactashish13
(@rozroz)

5 years, 10 months ago

Marking this as resolved

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Issue adding logo to charts’ is closed to new replies.

Tags