All Questions
Tagged with twitter-bootstrap-3 modal-dialog
70
questions with no upvoted or accepted answers
4
votes
1
answer
1k
views
passing dynamic variable to partial for rendering in a modal
I have the following Code on a partial that dynamically generates a list of associated steps to a pin. Both pins and steps have image(s). Users are able to add multiple steps to a pin and then this ...
4
votes
1
answer
9k
views
Bootstrap modal for multiple use
Bootstrap Modal - it looks pretty nice and nifty and I've seen great solutions... but I need help.
Following task: I am about to use Bootstrap 3.0 for an eCommerce template. So I'll have a lot of "...
2
votes
0
answers
2k
views
How to keep bootstrap modal at bottom of viewport for mobile - modal is bottom-right for desktop but stays top in mobile viewports
I am trying to display a bootstrap modal at bottom-right in desktop viewports and centered-bottom for mobile.
I am using position:fixed and bottom: 0; which works for desktop viewports but my ...
2
votes
0
answers
870
views
How to make Bootstrap modal dialog mobile friendly
I have the following modal dialog:
<div class="modal fade" id="theCoolestModal" tabindex="-1" role="dialog" ng-controller="theCoolestCtrl" data-backdrop="static" data-keyboard="false">
<...
1
vote
0
answers
1k
views
Bootstrap - Modal dialog avoid duplicate entry and empty on load
I am having a web app using bootstrap 3, datatables, js and php.
I am facing two issues:
a) When i press SAVE button on modal, it sometimes taking more seconds to load the code. This has a result, ...
1
vote
2
answers
689
views
how to show plane text with break lines and space in bootstrap modal
i read text file and show it on modal
but the modal remove all spaces and new line
even i can see my text file in correct format in Inspect window
How i can show text in correct format ?
1
vote
1
answer
544
views
Leaflet map not showing properly in bootstrap 3.6 modal
When I try to display the map in my modal I get this:
I have nothing in my controller angularJS and this is my html:
<leaflet lf-center="japan" geojson="geojson" geojson-nested="true" height="...
1
vote
0
answers
278
views
Open bootstrap modal from codebehind crashes tooltips
I build asp webform page (vb.net)
My tooltips crashes when I open modal from code behind using below code
Dim sb As New System.Text.StringBuilder()
sb.Append('<script type='text/...
1
vote
0
answers
730
views
Bootstrap clock picker outside iframe
I am using bootstrap modal for showing modal window. For modal body I am using iframe so that if I submit form I can get response on the same modal window.
My iframe is like :
<div class="...
1
vote
1
answer
213
views
Meteor: Where to place $('#modal').modal() call to automatically show the same modal on many routes?
I am developing an application with Meteor. On several pages I want to programmatically show a bootstrap-3 modal when the user navigates to that page. The modal will give instructions for how to use ...
1
vote
0
answers
376
views
Open a modal dialog inside a div
AngularUI seems to target the body when it opens a modal. How can I open it inside a div?
Here is how I open a modal:
$scope.createEntityModal = function () {
var modalInstance = $modal.open({
...
1
vote
1
answer
663
views
Twitter Bootstrap 3 modal blocking input fields after scrolling botttom?
I have searched for this issue. I followed the answers in this question
Twitter Bootstrap modal blocks text input field
However my issue is still there.
here is my modal html
<div class="...
1
vote
0
answers
198
views
AngularJS <li> Triggering Modal Box
I have am using bootstrap 3.2.0v and trying to trigger a modal box on click of a listed item in an unordered list. The screen darkens but the modal box does not seem to appear in the window. Both ...
1
vote
1
answer
787
views
HTML5 video inside bootstrap modal window renders very incorrectly when in "full screen" mode
I have an HTML5 video that displays inside a bootstrap modal dialog. The video plays fine in normal mode, but when the fullscreen button is clicked, the video displays, for lack of a better ...
1
vote
0
answers
390
views
Hooking into bootstrap modal close event
I am using AngularJS (and can't use the Angular Bootstrap Modal) and am trying to hook into the hidden event for when my modal is closed.
angular.element('#myModal').on('hidden.bs.modal', function (e)...