❤️ Creative Tim Club - Access all our Present & Future Premium Products

Login and Register Modal

Free Bootstrap Login Form

Product description


Do you want your login/register process to be seamless? Just add this awesome modal that is easy to customize instead of creating new pages.

The same one is used in CreativeTim - so if you enjoyed registering to Tim, you know what to do to have it too!

Technical

The basis for this widget is the Bootstrap Modal, so if you are unfamiliar with it, you can find out more here: http://getbootstrap.com/javascript/#modals. And of course, if you want to add icons for other social icons, get FontAwesome here: https://fontawesome.com/ .

Product certified by: Creative Tim
Login and Register Modal - Fully Coded and Responsive HTML5
Login and Register Modal - Crafted with Bootstrap - the most popular Front End Framework
Downloads
46,580
Version
1.0.0
Changelog
Updated
8 years ago
Released
10 years ago
Reviews
Star
Handcrafted Elements
0
Customized Plugins
0
Example Pages
0
Community Support
Documentation
Fully Responsive

We are here to help you!

95 Web Developers commented on this product

michael.azzopardi
  • downloaded
8 years ago

Thanks so much for the swift reply. I'm actually using the version that you put on codepen. Is there a tag that I can remove to stop it opening upon page load?

alexpaduraru
  • owner

@michael.azzopardi actually we didn't post it on codepen, maybe somebody else did it. Can you please give us the link so we can tell you how to deactivate it?
8 years ago

michael.azzopardi
  • downloaded

http://codepen.io/bestui/pen/NqvePZ
8 years ago

alexpaduraru
  • owner

Thanks, if you check the javascript file there is the "openLoginModal();" function on line 2, that open the modal when the document is ready, remove it from those lines.
8 years ago

michael.azzopardi
  • downloaded
8 years ago

Fantastic! Thanks so much. That has worked a treat! Really appreciate all of your help :)

fernando.h.
  • downloaded
8 years ago

This is perfect!!!! Why not implement Loading button ? Loading button is my fantastic! :) Alex, congratulation!!! Thanks!

alexpaduraru
  • owner

@fernando.h. thank you for the suggestion, can you give us an example for the loading button?
8 years ago

fernando.h.
  • downloaded
8 years ago

When you click the download button of tim -creative loads the loding button .

saugat.singhypa
  • downloaded
8 years ago

great piece of cod @alexpaduraru , how to you make it work with php?

alexpaduraru
  • owner

@saugat.singhypa thank you! Here is a tutorial on how to create something similar using PHP with Ajax: http://www.9lessons.info/2014/07/ajax-php-login-page.html. hope this will help you :-)
8 years ago

saugat.singhypa
  • downloaded
8 years ago

thanks bro, I figured it out :)

jekayode
  • downloaded
8 years ago

I know that this may not be the right place to ask this question. I am running this on my website and I want to show login/register errors on the modal but I don't know how. I have looked around without success.

alexpaduraru
  • owner

@jekayode no problems. If you check the login-register.js file you will see there is a function on line 47 "loginAjax()". If you uncomment that code you will be able to send the post information to the server where you will check if the user is valid or not. If it is valid you just refresh the page, if it is not valid you see we call the "shakeModal()" method. Inside "shakeModal()" there is on line 64 the code that is adding an error message to the modal. You can replicate what is inside of the shakeModal() function with any error message that you send from server and that will appear inside the error div from the modal. Here is a tutorial that will give you a better view of how the Ajax Login is working and how you should place the error messages: http://www.9lessons.info/2014/07/ajax-php-login-page.html. If you need more help don't hesitate to contact us. Best, Alex!
8 years ago

ray.cosgrave
  • downloaded
8 years ago

Epic

ray.cosgrave
  • downloaded
8 years ago

On a similar note...it looks like you guys use oAuth for FB, G+ etc.... for logging users in and getting data (like profile pic, email etc....) Is there a resource/site I can use to learn more? (Never worked with it before)

alexpaduraru
  • owner

Anonymous Tim yes, we use omniAuth for Ruby on Rails. You can get more information about omniAuth on the original repo: https://github.com/intridea/omniauth. Good luck with the development!
8 years ago

unathi.gxarisa
  • downloaded
7 years ago

I love this soooooo muchh!

alexpaduraru
  • owner

@unathi.gxarisa thank you!
7 years ago

You have to be logged in to post a comment. Login here.