How To Login from bootstrap modal?

[ollie2015]

Login from bootstrap modal?

i have tried everything now, and still cannot login

Code:

<form id="quick-login" role="form" class="form col-md-12 center-block" method="post" action="{$mybb->settings['bburl']}/member.php">

---

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script type="text/javascript"> $(function(){ $('quick-login').on('submit', function(e){ e.preventDefault(); $.ajax({ url: "{$mybb->settings['bburl']}/member.php", type: "POST", data: $("quick-login").serialize(), success: function(data){ alert("Successfully submitted.") } }); }); }); </script>

---

[leefish]

You also asked this question on the mybb community boards. Perhaps wait until you get a reply there?

I use bootstrap styling on modals a lot; you can just use the mybb modal syntax and style it like bootsrap

[ollie2015]

actually not my question BUT it seems bootstrap takes over if you export the skin and import it elsewhere...

which means its an urgent matter

[leefish]

Hm, can you explain a bit more? What do you mean bootstrap takes over?

See here :  http://damnfineshave.com/  That uses bootstrap modal styling with a mybb modal.

[ollie2015]

when you import the theme into another installation, it reverts to bootstrap modal except there are no fields to log in... the fields are there just underneath a modal background, (i have fixed that, but it means the bootstrap modal can only be used, since the mybb one isnt popping up LOL

[leefish]

I think you mean the styling of the modal? Look at the link - that is the mybb modal js - it is styled using bootstrap. You need to edit the html.

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13

<div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <span class="modal-title tl" id="loginModal">Log in</span> </div> <!-- /.modal-header --> <div class="modal-body"> !!!!!!!!!!!!!!MYBB content!!!!!!!!!!!!!!! </div> </div>

---

Just do a view-source on the link.

[ollie2015]

this is from the mybbpro theme, they use bootstrap but not for the login modal,

mybb modal just wont pop up

---

[leefish]

Please post the contents of the guest welcome block

[ollie2015]

this is nuts, on my localhost i get the mybb modal

I export it to a live server and it wants to run the bootstrap one, so i export it and run it on localhost and its still running mybb modal...

Same template running differently...

NB, i have other plugins that the live server doesnt have

Theme is not ready for live action

[leefish]

This implies that on the localhost you are not loading the bootstrap.js - check your headerinclude, see if you have the js correctly linked. You can do an inspect element and look to see if all resources are loading.

If the reason you want the bootstrap modal to work in the templates is because it is conflicting with the mybb modal then create a bootstrap.js build of your own that doesnt include the modal.  http://getbootstrap.com/customize/