2 questions (JS-script doesn't work and about acces to GoogleMap settings)

Bootstrap Studio Help
1

Hello and thanks for this awesome program. 2 questions.

1) I m training my bootstrap skills copying steps from these example http://www.w3schools.com/bootstrap/bootstrap_theme_company.asp All is ok, but i can't make js-script that makes smooth scrolling. I create new script in b-studio, paste there script from tutorial, apply, but it doesn't work. 2) I created GoogleMap iframe using your Map component, but i can't change some settings, for example, scrollwheel, draggable). How to achieve it?

2

For smoothscroll i use https://github.com/cferdinandi/smooth-scroll so all you need is to just link to https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/10.1.0/js/smooth-scroll.min.js , add to you user.js the initialization call (in this example i also initialize AOS – animate on scroll):

/* this part to init AOS and smoothScroll functions */
$(function() {  /* this is the jQuery equivalent of documents.ready */
    AOS.init({
      disable: 'mobile'
    });
   smoothScroll.init();
});

That's it. Now you can simply add “data-scroll” to your internal #link. To do that you have to add a class with name “data-scroll” and no value in the Attribute pane.

3

I created GoogleMap iframe using your Map component, but i can’t change some settings, for example, scrollwheel, draggable). How to achieve it?

you can add addtional settings to the iframe in 2 different ways:

first if you kust need to modify the aspect of the iframe, like adding rounded corners or a shadow you have to modify map-clean.css ie.

.map-clean iframe {
  background-color:#eee;
  border:1px solid rgb(210,210,210);
  border-radius:0.8rem;
  box-shadow:1px 2px 3px rgba(0, 0, 0, .3);
}

if you need to add a new attribute (and value) to the html iframe just click on the ATTRIBUTES PANE, and near "ID" and "Class Names" there's a [+] button. You can use that to add parameters to the iframe.

Note that scroll-wheel and draggable can't be set via iframe parameters, so you need a small .js. Google for "maps iframe draggable" and you'll find many examples

4

Thank you!