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

Non full width header #8

Open
reyemtm opened this issue Nov 6, 2019 · 1 comment
Open

Non full width header #8

reyemtm opened this issue Nov 6, 2019 · 1 comment

Comments

@reyemtm
Copy link

reyemtm commented Nov 6, 2019

I cant seem to wrap my head around the header and footer scaling, and where the size of the map gets determined. What I am trying to do is have another element on the side of the page (for a legend), instead of on the top or bottom (due to an unknown number of items in the legend). So, is it possible to either create a new html element for this sidebar, or push the header to the side of the document and not be 100% width, or maybe push the map x pixels to the left or right?

Thanks

@reyemtm
Copy link
Author

reyemtm commented Nov 8, 2019

In case anyone stumbles across this, I figured out a workaround to add different div elements. I created another addHTMLObect function in html-container.js that adds a div with a fixed position and z-index of 1, forcing this div to overlap the map. I just pass the header to this function instead of the normal function and voila, we now have a legend. Thanks so much for this awesome plugin!

img

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

No branches or pull requests

1 participant