CODEWITHSUNDEEP
jquerycsstwitter-bootstrapmodal-dialogbootstrap-modal
BurebistaRuler
BurebistaRuler

Reputation: 6529

Manual resize and drag bootstrap 3 modals

is possible to manual resize modal windows from bootstrap 3 with mouse and to drag them all over in your workspace? I want that when a modal is opening to have the possibility to resize manual how I want. Is possible to do that ?

Thank you.

Upvotes: 1

Views: 6610

Answers (2)

mcmwhfy
mcmwhfy

Reputation: 1686

Check jQuery UI Bootstrap: http://addyosmani.github.io/jquery-ui-bootstrap/components.html#dialog
-dialog section.

Upvotes: 0

Donovan Charpin
Donovan Charpin

Reputation: 3397

I think it's hard to add all the options that are not native on bootstrap modal.

You can maybe use http://jqueryui.com/dialog/ and stylize it.

HTML

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

jQuery

 <script>
     $(function() {
         $( "#dialog" ).dialog();
     });
</script>

If you really want to use bootstrap, try to implement Resizable and Draggable on jQuery UI

The ability to work side-by-side with jQuery UI (something which caused a number of widgets to break visually) The ability to theme jQuery UI widgets using Bootstrap styles. Whilst I love jQuery UI, I (like others) find some of the current themes to look a little dated. My hope is that this theme provides a decent alternative for others that feel the same. To clarify, this project doesn't aim or intend to replace Twitter Bootstrap. It merely provides a jQuery UI-compatible theme inspired by Bootstrap's design. It also provides a version of Bootstrap CSS with a few (minor) sections commented out which enable the theme to work along-side it.

Upvotes: 2

Related Questions