SS and full-width icons

Author: alexweissman

forms/form_user.php

@@ -49,9 +49,7 @@
 // box_id: the desired name of the div that will contain the form.
 // render_mode: modal or panel
 // user_id (optional): if specified, will load the relevant data for the user into the form.  Form will then be in "update" mode.
-// show_dates (optional): if set to true, will show the registered and last signed in date fields (fields will be read-only)
-// show_passwords (optional): if set to true, will show the password creation fields
-// disabled (optional): if set to true, disable all fields
+
 
 // Set up Valitron validator
 $v = new Valitron\DefaultValidator($get);

register.php

@@ -62,65 +62,71 @@
         'user_name' => [
             'type' => 'text',
             'label' => 'Username',
+            'icon' => 'fa fa-fw fa-edit',
             'validator' => [
                 'minLength' => 1,
                 'maxLength' => 25,
                 'label' => 'Username'
             ],
-            'placeholder' => 'Please enter the user name'
+            'placeholder' => 'User name'
         ],
         'display_name' => [
             'type' => 'text',
             'label' => 'Display Name',
+            'icon' => 'fa fa-fw fa-edit',
             'validator' => [
                 'minLength' => 1,
                 'maxLength' => 50,
                 'label' => 'Display name'
             ],
-            'placeholder' => 'Please enter the display name'
+            'placeholder' => 'Display name'
         ],          
         'email' => [
             'type' => 'text',
             'label' => 'Email',
-            'icon' => 'fa fa-envelope',
+            'icon' => 'fa fa-fw fa-envelope',
             'validator' => [
                 'minLength' => 1,
                 'maxLength' => 150,
                 'email' => true,
                 'label' => 'Email'
             ],
-            'placeholder' => 'Email goes here'
+            'placeholder' => 'Email address'
         ],
         'password' => [
             'type' => 'password',
             'label' => 'Password',
-            'icon' => 'fa fa-key',
+            'icon' => 'fa fa-fw fa-key',
             'validator' => [
                 'minLength' => 8,
                 'maxLength' => 50,
                 'label' => 'Password',
                 'passwordMatch' => 'passwordc'
-            ]        
+            ],
+            'placeholder' => '8-50 characters'
         ],
         'passwordc' => [
             'type' => 'password',
             'label' => 'Confirm password',
-            'icon' => 'fa fa-key',
+            'icon' => 'fa fa-fw fa-key',
             'validator' => [
                 'minLength' => 8,
                 'maxLength' => 50,
                 'label' => 'Password'
-            ]     
+            ],
+            'placeholder' => 'Re-enter your password'
+            
         ],
         'captcha' => [
             'type' => 'text',
             'label' => 'Confirm Security Code',
-            'icon' => 'fa fa-eye',
+            'icon' => 'fa fa-fw fa-eye',
             'validator' => [
                 'minLength' => 1,
                 'maxLength' => 50,
                 'label' => 'Security code'
-            ]                 
+            ],
+            'placeholder' => "Enter the code below, human!"            
         ]
     ];