| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194 |
- <div id="nf-builder">
- <div id="nf-main">
- <!-- main content area. Where fields and actions are rendered. -->
- <?php
- for ($i=0; $i < 25; $i++) {
- echo '<div class="nf-field-wrap">' . __( 'Field', 'ninja-forms' ) . '</div>';
- }
- ?>
- </div>
- <div id="nf-drawer">
- <!-- drawer area. This is where settings and add fields are rendered. -->
- <!-- THIS IS THE CONTENT FOR EDITING FIELDS -->
- <header class="nf-full">
- <h2><?php _e( 'Editing Field', 'ninja-forms' ); ?></h2>
- <span><input type="submit" class="save-field-settings" value="SAVE" /></span>
- </header>
- <div class="nf-one-half">
- <label><?php _e( 'Label Name', 'ninja-forms' ); ?></label>
- <input type="text" />
- </div>
- <div class="nf-one-half">
- <label><?php _e( 'Label Position', 'ninja-forms' ); ?></label>
- <select>
- <option><?php _e( 'Above Field', 'ninja-forms' ); ?></option>
- <option><?php _e( 'Below Field', 'ninja-forms' ); ?></option>
- <option><?php _e( 'Left of Field', 'ninja-forms' ); ?></option>
- <option><?php _e( 'Right of Field', 'ninja-forms' ); ?></option>
- <option><?php _e( 'Hide Label', 'ninja-forms' ); ?></option>
- </select>
- </div>
- <div class="nf-full">
- <label><?php _e( 'Class Name', 'ninja-forms' ); ?></label>
- <input type="text" />
- </div>
- </div>
- <!-- THIS IS THE CONTENT FOR ADDING FIELDS
- <header class="nf-full">
- <input type="search" />
- <span><input type="submit" class="close-add-fields" value="DONE" /></span>
- </header>
- <div class="nf-reservoir">
- <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
- <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
- <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
- <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
- <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
- </div>
- <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e('Radio List', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
- </div>
- <h3><?php _e( 'Basic Fields', 'ninja-fomrs' ); ?></h3>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-full">
- <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-full">
- <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-full">
- <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
- </div>
- <div class="nf-one-third">
- <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
- </div>
- -->
- </div>
|