Click the button before 'Fork me', "Download snippet" is there.
greatghoul () - 7 years ago - Reply 0
Please can some one help on how i can downlod this login page and how it can be introduce in my boostrap websites since am still new thanks for your understanding..
Douglas Nieman () - 8 years ago - Reply 0
your awesome ! :) btw , can you tell me the basic html of these ? including what bootstap css or js did you used ? please ? thank you so much
ZIAL () - 9 years ago - Reply 0
Hi,
I am trying to change the error message for empty field . . .
but not able to find the code.
Need your help.
Its nice and simple, like it.
Ajeet Sankhwal () - 9 years ago - Reply 0
You can´t find the code because the form validation code is not included in the snippet. Anyway, the empty field message error is the standard of HTML5. If you want to modify, you have to do a workaround with Javascript and CSS. Some links that can help you: http://www.broken-links.com... , http://www.the-art-of-web.c... , http://www.girliemac.com/bl... , http://stackoverflow.com/qu... , http://stackoverflow.com/qu...
César Izquierdo () - 9 years ago - Reply 0
Hey César Izquierdo my name is Douglas am really very happy for having the chance to see your login page please can u tell me were i can download it and also how i can modified it in order to suit my boostrap website and be responsive. Am really new in code. Thanks for your understanding. :douglasnieman5@gmail.com
Douglas Nieman () - 8 years ago - Reply 0
Is not really responsive... with ihpone 5 and iPhone 4 is not working perfectly. Somone knows how to solve it ? Thanks
oscar () - 9 years ago - Reply 0
Hi, I have modified the css of the card container and now it should be more reponsive design. Anyway, this snippet could be not very usable for mobile devices, there are better layout options if you want to achieve a login layout for mobile and web.
César Izquierdo () - 9 years ago - Reply 0
This is perfect! You just have to narrow your class selectors down for your button, because bootstrap is overriding it: button.btn.btn-signin{}
ILoveIrony () - 9 years ago - Reply 0
Yes, it´s true. I forgot it. Thanks. I have just changed it.
César Izquierdo () - 9 years ago - Reply 0
In the *js I´ve used the HTML5 localstorage API to save/get the basic account data of the user. In a real app, the logic of your app could save this data after a successful attempt of login (It´s included a method that simulates it). If the user wants to login again in the app, the *js code get the data from the localstorage of your browser and it sets some fields of the layout with the retrieved data. Your users will save some typing time and it could improve the user experience. But it´s pretty basic sample.
César Izquierdo () - 9 years ago - Reply 0