-
Notifications
You must be signed in to change notification settings - Fork 943
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
Update documentation on default template and changes for bootstrap 4/4.1 #715
Comments
@Thibaultfq is that all you had to do? |
Are you using the standalone css of bootstrap-tour? I had the same issue and resolved it by using the bootstrap-tour.min.css file. The standalone mixes bootstrap 3 and 4 up it seems... |
I was indeed using the standalone. I gave up and started trying Shepherd.js instead |
Use the standalone js but the normal CSS and it should work. |
https://github.com/IGreatlyDislikeJavascript/bootstrap-tourist Handles bootstrap 3 and 4 using a new "framework" option |
Having had a play with the source, I think the issue for lack of title and content is due to the default template, currently it is
template: '<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-secondary" data-role="prev">« Prev</button> <button class="btn btn-sm btn-secondary" data-role="next">Next »</button> <button class="btn btn-sm btn-secondary" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> <button class="btn btn-sm btn-secondary" data-role="end">End tour</button> </div> </div>',
but it should be
template: '<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-header"></h3> <div class="popover-body"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-secondary" data-role="prev">« Prev</button> <button class="btn btn-sm btn-secondary" data-role="next">Next »</button> <button class="btn btn-sm btn-secondary" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> <button class="btn btn-sm btn-secondary" data-role="end">End tour</button> </div> </div>',
Note I have just changed the classes
popover-title
popover-content
to
popover-header
popover-body
Originally posted by @BenMaxfield in #643 (comment)
The text was updated successfully, but these errors were encountered: