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

Putting content above the navbar #16

Closed
polakko opened this issue Nov 22, 2014 · 8 comments
Closed

Putting content above the navbar #16

polakko opened this issue Nov 22, 2014 · 8 comments

Comments

@polakko
Copy link

polakko commented Nov 22, 2014

Hi, great work with the Bootleaf. It is extremely useful but I can't gest past a one thing - when I put some content above the navbar or between the navbar and the map. The new content is visible just fine when clicking the sidebar, navbar, search, etc. But as soon as the map is clicked -puff - the map and sidebar expand toward top of the screen and my content is covered.

To recreate it just put something like <div class="container">My new content</div>[/code] directly behind the <body> tag.

I can't find what causes the map to reset the layout on clicking. I thought there was something with map.on("click") but nope. Any help? I think the solution would be useful to wider audience, because it is rather typical to put some kind of a logo on top of the page.

@roboflank
Copy link

Can i have a screen shot,i cant seem to fully grasp the whole stuff reseting.

@bmcbride
Copy link
Owner

Yeah, a screenshot, live example, or jsFiddle would be helpful in demonstrating this. Thanks!

@polakko
Copy link
Author

polakko commented Nov 22, 2014

Ok guys :) Here is brand new out-of-the-box installation of bootleaf http://gjp.microchip.net.pl/bootleaf-master/. The only modification is adding a <div class="container">Here goes my new content...</div> at the very beginning of the <body>. The content is displayed below the navbar. Try the menus, searching, everything works. Then click anywhere in the map and see what happens.

@bmcbride
Copy link
Owner

Works fine for me in Chrome on Android. I'll check on my Mac when I get home. What OS & Browser are you experiencing this on?

@polakko
Copy link
Author

polakko commented Nov 22, 2014

I found it in Chrome under Windows. Tried in Chrome on Android, and it actually works fine. Curious, I checked IE 11 and it behaves just as desktop Chrome, the <div> disappears. I wonder if it is not some kind of collapsing problem, as it apparently exists in desktop view only.

@bmcbride
Copy link
Owner

The container, sidebar, and map divs are all set to 100% height, so you'd probably have to modify those if you wanted to insert an additional container div.

I'm not sure what you are trying to accomplish, but this template is built to maximize map real estate on both desktop and mobile. Additional text was designed to go into the modal placeholders- About, Legend, Login, etc. You could have the modal open when the page loads if you wanted to provide prominent text. Let me know how you make out!

@polakko
Copy link
Author

polakko commented Nov 22, 2014

I simply need to display a company logo and some basic information about the project. The idea of forcing one of the modals to show at startup is great, I'll do that. Thanks!

@bmcbride
Copy link
Owner

Awesome! Closing this issue since we found a workaround.

johnniehard pushed a commit to johnniehard/bootleaf that referenced this issue May 22, 2017
Add link in html head to refer rss readers to the feed
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

3 participants