(Old version) Build Web Designer Portfolio Web Site with Builderius - Part 7
My name is Vitalii Kiiko. I am web developer and co-creator of Builderius site builder. This video is an actual footage without cuts of how I build a web site for UI/UX designer. Part 7 of the series. In this video I am adding some interactivity to the page. In particular, copy to clipboard of the email address on click, custom CSS tooltip, custom file upload. And the main functionality - a working contact form!
00:05 Adding copy email address into clipboard functionality
00:35 Adding "clipboard-js" library
00:45 Writing related to "copy to clipboard" custom JS code
03:59 Adding a code for CSS only tooltip
06:39 Mastering custom file upload field/icon
09:12 Adding JS code for displaying a name of the chosen file
16:05 Installing Fooorms plugin for back end form functionality
16:42 Setting up a back end form
17:14 Adding form fields for the back end form
19:27 Wiring Foorms' back end form with Smart Form
22:35 Continuing styling form elements and form's responsive version
28:53 Adding "thank you" layout and styling it
33:45 Using 'sprintf()' and 'translate()' functions together
42:29 Adding JS code for displaying "thank you" layout after the successful form submit
Please, visit our web site to know more: https://builderius.io
Join our FB community group: / builderians