admin-menu-forms.html.php 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <div id="nf-builder">
  2. <div id="nf-main">
  3. <!-- main content area. Where fields and actions are rendered. -->
  4. <?php
  5. for ($i=0; $i < 25; $i++) {
  6. echo '<div class="nf-field-wrap">' . __( 'Field', 'ninja-forms' ) . '</div>';
  7. }
  8. ?>
  9. </div>
  10. <div id="nf-drawer">
  11. <!-- drawer area. This is where settings and add fields are rendered. -->
  12. <!-- THIS IS THE CONTENT FOR EDITING FIELDS -->
  13. <header class="nf-full">
  14. <h2><?php _e( 'Editing Field', 'ninja-forms' ); ?></h2>
  15. <span><input type="submit" class="save-field-settings" value="SAVE" /></span>
  16. </header>
  17. <div class="nf-one-half">
  18. <label><?php _e( 'Label Name', 'ninja-forms' ); ?></label>
  19. <input type="text" />
  20. </div>
  21. <div class="nf-one-half">
  22. <label><?php _e( 'Label Position', 'ninja-forms' ); ?></label>
  23. <select>
  24. <option><?php _e( 'Above Field', 'ninja-forms' ); ?></option>
  25. <option><?php _e( 'Below Field', 'ninja-forms' ); ?></option>
  26. <option><?php _e( 'Left of Field', 'ninja-forms' ); ?></option>
  27. <option><?php _e( 'Right of Field', 'ninja-forms' ); ?></option>
  28. <option><?php _e( 'Hide Label', 'ninja-forms' ); ?></option>
  29. </select>
  30. </div>
  31. <div class="nf-full">
  32. <label><?php _e( 'Class Name', 'ninja-forms' ); ?></label>
  33. <input type="text" />
  34. </div>
  35. </div>
  36. <!-- THIS IS THE CONTENT FOR ADDING FIELDS
  37. <header class="nf-full">
  38. <input type="search" />
  39. <span><input type="submit" class="close-add-fields" value="DONE" /></span>
  40. </header>
  41. <div class="nf-reservoir">
  42. <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
  43. <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
  44. <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
  45. <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span><span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
  46. <span><?php _e( 'Textbox', 'ninja-forms' ); ?></span>
  47. </div>
  48. <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
  49. <div class="nf-one-third">
  50. <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
  51. </div>
  52. <div class="nf-one-third">
  53. <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
  54. </div>
  55. <div class="nf-one-third">
  56. <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
  57. </div>
  58. <div class="nf-one-third">
  59. <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
  60. </div>
  61. <div class="nf-one-third">
  62. <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
  63. </div>
  64. <div class="nf-one-third">
  65. <div class="nf-field-button"><?php _e('Radio List', 'ninja-forms' ); ?></div>
  66. </div>
  67. <div class="nf-one-third">
  68. <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
  69. </div>
  70. <div class="nf-one-third">
  71. <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
  72. </div>
  73. <h3><?php _e( 'Basic Fields', 'ninja-fomrs' ); ?></h3>
  74. <div class="nf-one-third">
  75. <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
  76. </div>
  77. <div class="nf-one-third">
  78. <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
  79. </div>
  80. <div class="nf-one-third">
  81. <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
  82. </div>
  83. <div class="nf-one-third">
  84. <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
  85. </div>
  86. <div class="nf-one-third">
  87. <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
  88. </div>
  89. <div class="nf-one-third">
  90. <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
  91. </div>
  92. <div class="nf-one-third">
  93. <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
  94. </div>
  95. <div class="nf-one-third">
  96. <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
  97. </div>
  98. <div class="nf-full">
  99. <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
  100. </div>
  101. <div class="nf-one-third">
  102. <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
  103. </div>
  104. <div class="nf-one-third">
  105. <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
  106. </div>
  107. <div class="nf-one-third">
  108. <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
  109. </div>
  110. <div class="nf-one-third">
  111. <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
  112. </div>
  113. <div class="nf-one-third">
  114. <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
  115. </div>
  116. <div class="nf-one-third">
  117. <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
  118. </div>
  119. <div class="nf-one-third">
  120. <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
  121. </div>
  122. <div class="nf-one-third">
  123. <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
  124. </div>
  125. <div class="nf-full">
  126. <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
  127. </div>
  128. <div class="nf-one-third">
  129. <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
  130. </div>
  131. <div class="nf-one-third">
  132. <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
  133. </div>
  134. <div class="nf-one-third">
  135. <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
  136. </div>
  137. <div class="nf-one-third">
  138. <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
  139. </div>
  140. <div class="nf-one-third">
  141. <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
  142. </div>
  143. <div class="nf-one-third">
  144. <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
  145. </div>
  146. <div class="nf-one-third">
  147. <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
  148. </div>
  149. <div class="nf-one-third">
  150. <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
  151. </div>
  152. <div class="nf-full">
  153. <h3><?php _e( 'Basic Fields', 'ninja-forms' ); ?></h3>
  154. </div>
  155. <div class="nf-one-third">
  156. <div class="nf-field-button"><?php _e( 'Textbox', 'ninja-forms' ); ?></div>
  157. </div>
  158. <div class="nf-one-third">
  159. <div class="nf-field-button"><?php _e( 'Textarea', 'ninja-forms' ); ?></div>
  160. </div>
  161. <div class="nf-one-third">
  162. <div class="nf-field-button"><?php _e( 'Checkbox', 'ninja-forms' ); ?></div>
  163. </div>
  164. <div class="nf-one-third">
  165. <div class="nf-field-button"><?php _e( 'Dropdown', 'ninja-forms' ); ?></div>
  166. </div>
  167. <div class="nf-one-third">
  168. <div class="nf-field-button"><?php _e( 'Mult-Select', 'ninja-forms' ); ?></div>
  169. </div>
  170. <div class="nf-one-third">
  171. <div class="nf-field-button"><?php _e( 'Radio List', 'ninja-forms' ); ?></div>
  172. </div>
  173. <div class="nf-one-third">
  174. <div class="nf-field-button"><?php _e( 'Hidden Field', 'ninja-forms' ); ?></div>
  175. </div>
  176. <div class="nf-one-third">
  177. <div class="nf-field-button"><?php _e( 'Button', 'ninja-forms' ); ?></div>
  178. </div>
  179. -->
  180. </div>