Comments (6)
Hi, could you share your project source code?
from freelancer-theme.
yes sure!
You can see it here
The exact commit
I have very little experience with web development and as you will see I inserted the map div with absolute height and managed to have it on the right of the post's image.
In order to handle the modal opened event, I'm using boostrap's show
combined with a 500ms timeout.
Things aren't smooth when a modal is opened and scrolled, but it works fine with first post.
However, if you see the second post, the streetview div is not loaded. I cannot see the reason for that.
It would be perfect if you could also help me with google map divs positioning. I want them on the right of the post image with correct height.
Thanks!
from freelancer-theme.
what is the div id="pano" for?
from freelancer-theme.
It's for streetview I guess. I've used official google sample
from freelancer-theme.
I've displayed Google Charts and other contents like what you have which require the div sized properly when it is measured. The solution to your problem is probably to defer the Google Maps code until the modal dialog is shown. Fortunately Bootstrap has built-in event for that: https://getbootstrap.com/javascript/#js-events
$('#myModal').on('shown.bs.modal', function (e) {
if (!data) return e.preventDefault() // stops modal from being shown
})
Same goes for Boostrap popover, it has a shown event.
from freelancer-theme.
I'm not familiar with RoR or Jekyll, so I cannot tell you right away where/how to incorporate this handler.
from freelancer-theme.
Related Issues (20)
- freelancer-jekyll-theme: installation problem HOT 2
- gemspec requires old bundler HOT 1
- _data missing for jekyll-data dependency
- Support Jekyll 4.0 HOT 2
- Invalid Date: '' is not a valid datetime. Liquid Exception: exit in feed.xml HOT 2
- Issue deploying the template HOT 6
- How do you get different title and header? HOT 1
- Trying to add a new section
- html-proofer dependency issue HOT 1
- See more/different images when opening a project in portfolio section?
- startbootstrap link in modals HOT 1
- Linkedin icon in link HOT 1
- Change font and icons HOT 1
- _config.yml, description and meta_author not working HOT 2
- profile.png doesn't show up after customization
- https://2no.co/1BRzz7 HOT 3
- Shouldn't it be MIT license
- Contact form no longer working HOT 1
- Site Rendering Issue HOT 2
- Change main image HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from freelancer-theme.