widget_list 1.3.4 → 1.3.5

data/Rakefile

@@ -1 +1 @@
-require "bundler/gem_tasks"
+require "bundler/gem_tasks"

data/app/views/widget_list/administration/_button_row.html.erb

@@ -1,14 +1,14 @@
-<tr>
-  <td>
-    <!--TEXT_DESC-->:&#160;<input type="text" class="<!--SUBJECT-->_<!--TEXT_KEY-->" style="width:170px" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR1-->" name="<!--SUBJECT-->[<!--TEXT_KEY-->][]" id="<!--SUBJECT-->[<!--TEXT_KEY-->][]" value="<!--BUTTON_TEXT-->"/><%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--TEXT_HELP-->')", 'innerClass' => "default <!--SUBJECT-->_<!--TEXT_KEY-->_button" }, true ) %>
-  </td>
-  <td>
-    <!--URL_DESC-->:&#160;<input type="text" class="<!--SUBJECT-->_<!--URL_KEY-->" style="width:170px" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR2-->" name="<!--SUBJECT-->[<!--URL_KEY-->][]" id="<!--SUBJECT-->[<!--URL_KEY-->][]" value="<!--BUTTON_URL-->"/><%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--2_HELP->')", 'innerClass' => "default <!--SUBJECT-->_<!--URL_KEY-->_button" }, true ) %>
-  </td>
-  <td>
-    <!--COLOR_DESC-->:&#160;<input type="text" class="<!--SUBJECT-->_<!--COLOR_KEY-->" style="width:170px" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR3-->" name="<!--SUBJECT-->[<!--COLOR_KEY-->][]" id="<!--SUBJECT-->[<!--COLOR_KEY-->][]" value="<!--BUTTON_CLASS-->"/><%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--COLOR_HELP-->')", 'innerClass' => "default <!--SUBJECT-->_<!--COLOR_KEY-->_button" }, true ) %>
-  </td>
-  <td>
-    <!--REMOVE_FIELD_BUTTON-->
-  </td>
+<tr>
+  <td>
+    <!--TEXT_DESC-->:&#160;<input type="text" class="<!--SUBJECT-->_<!--TEXT_KEY-->" style="width:170px" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR1-->" name="<!--SUBJECT-->[<!--TEXT_KEY-->][]" id="<!--SUBJECT-->[<!--TEXT_KEY-->][]" value="<!--BUTTON_TEXT-->"/><%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--TEXT_HELP-->')", 'innerClass' => "default <!--SUBJECT-->_<!--TEXT_KEY-->_button" }, true ) %>
+  </td>
+  <td>
+    <!--URL_DESC-->:&#160;<input type="text" class="<!--SUBJECT-->_<!--URL_KEY-->" style="width:170px" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR2-->" name="<!--SUBJECT-->[<!--URL_KEY-->][]" id="<!--SUBJECT-->[<!--URL_KEY-->][]" value="<!--BUTTON_URL-->"/><%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--2_HELP->')", 'innerClass' => "default <!--SUBJECT-->_<!--URL_KEY-->_button" }, true ) %>
+  </td>
+  <td>
+    <!--COLOR_DESC-->:&#160;<input type="text" class="<!--SUBJECT-->_<!--COLOR_KEY-->" style="width:170px" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR3-->" name="<!--SUBJECT-->[<!--COLOR_KEY-->][]" id="<!--SUBJECT-->[<!--COLOR_KEY-->][]" value="<!--BUTTON_CLASS-->"/><%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--COLOR_HELP-->')", 'innerClass' => "default <!--SUBJECT-->_<!--COLOR_KEY-->_button" }, true ) %>
+  </td>
+  <td>
+    <!--REMOVE_FIELD_BUTTON-->
+  </td>
 </tr>

data/app/views/widget_list/administration/_checkbox_row.html.erb

@@ -1,18 +1,18 @@
-<tr style="<!--CHECKBOX_STYLE-->">
-  <td style="padding-left:100px">
-    <!--1_DESC-->:&#160;
-    <input type="hidden" name="<!--SUBJECT-->[<!--1_KEY-->][]" id="<!--SUBJECT-->[<!--1_KEY-->][]"  value="<!--1_VALUE-->"/>
-    <input type="checkbox" class="<!--SUBJECT-->_<!--1_KEY-->"   onchange="FakeCheck(this);" name="<!--SUBJECT-->_fake[<!--1_KEY-->][]" id="<!--SUBJECT-->_fake[<!--1_KEY-->][]"  <!--1_VALUE-->/>
-
-  </td>
-  <td>
-    <!--2_DESC-->:&#160;<input type="hidden" name="<!--SUBJECT-->[<!--2_KEY-->][]" id="<!--SUBJECT-->[<!--2_KEY-->][]"  value="<!--2_VALUE-->"/>
-    <input type="checkbox" class="<!--SUBJECT-->_<!--2_KEY-->" onchange="FakeCheck(this);" name="<!--SUBJECT-->_fake[<!--2_KEY-->][]" id="<!--SUBJECT-->_fake[<!--2_KEY-->][]"  <!--2_VALUE-->/>
-    <%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--2_HELP-->')", 'innerClass' => "default" }, true ) %>
-  </td>
-  <td>
-    <!--3_DESC-->:&#160;
-    <input type="hidden" name="<!--SUBJECT-->[<!--3_KEY-->][]" id="<!--SUBJECT-->[<!--3_KEY-->][]"  value="<!--3_VALUE-->"/>
-    <input type="checkbox" class="<!--SUBJECT-->_<!--3_KEY-->" onchange="FakeCheck(this);" name="<!--SUBJECT-->_fake[<!--3_KEY-->][]" id="<!--SUBJECT-->_fake[<!--3_KEY-->][]"  <!--3_VALUE-->/>
-  </td>
-</tr>
+<tr style="<!--CHECKBOX_STYLE-->">
+  <td style="padding-left:100px">
+    <!--1_DESC-->:&#160;
+    <input type="hidden" name="<!--SUBJECT-->[<!--1_KEY-->][]" id="<!--SUBJECT-->[<!--1_KEY-->][]"  value="<!--1_VALUE-->"/>
+    <input type="checkbox" class="<!--SUBJECT-->_<!--1_KEY-->"   onchange="FakeCheck(this);" name="<!--SUBJECT-->_fake[<!--1_KEY-->][]" id="<!--SUBJECT-->_fake[<!--1_KEY-->][]"  <!--1_VALUE-->/>
+
+  </td>
+  <td>
+    <!--2_DESC-->:&#160;<input type="hidden" name="<!--SUBJECT-->[<!--2_KEY-->][]" id="<!--SUBJECT-->[<!--2_KEY-->][]"  value="<!--2_VALUE-->"/>
+    <input type="checkbox" class="<!--SUBJECT-->_<!--2_KEY-->" onchange="FakeCheck(this);" name="<!--SUBJECT-->_fake[<!--2_KEY-->][]" id="<!--SUBJECT-->_fake[<!--2_KEY-->][]"  <!--2_VALUE-->/>
+    <%= raw WidgetList::Widgets::widget_button('?',  {'onclick' => "alert('<!--2_HELP-->')", 'innerClass' => "default" }, true ) %>
+  </td>
+  <td>
+    <!--3_DESC-->:&#160;
+    <input type="hidden" name="<!--SUBJECT-->[<!--3_KEY-->][]" id="<!--SUBJECT-->[<!--3_KEY-->][]"  value="<!--3_VALUE-->"/>
+    <input type="checkbox" class="<!--SUBJECT-->_<!--3_KEY-->" onchange="FakeCheck(this);" name="<!--SUBJECT-->_fake[<!--3_KEY-->][]" id="<!--SUBJECT-->_fake[<!--3_KEY-->][]"  <!--3_VALUE-->/>
+  </td>
+</tr>

data/app/views/widget_list/administration/_field_row.html.erb

@@ -1,12 +1,12 @@
-<tr style="<!--TR_STYLE-->">
-  <td  style="<!--TR1_STYLE-->">
-    <!--FIELD-->:&#160;<input type="text" style="width:350px" class="<!--SUBJECT-->_keys" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR1-->" name="<!--SUBJECT-->[key][]" id="<!--SUBJECT-->[key][]" value="<!--FIELD_VALUE-->"/>
-  </td>
-  <td>
-    <!--DESC-->:&#160;<input <!--DISABLED--> type="text" style="width:350px" class="<!--SUBJECT-->_descriptions"  onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR2-->" name="<!--SUBJECT-->[description][]" id="<!--SUBJECT-->[description][]" value="<!--FIELD_DESC-->"/>
-  </td>
-  <td>
-    <!--REMOVE_FIELD_BUTTON-->
-  </td>
-</tr>
+<tr style="<!--TR_STYLE-->">
+  <td  style="<!--TR1_STYLE-->">
+    <!--FIELD-->:&#160;<input type="text" style="width:350px" class="<!--SUBJECT-->_keys" onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR1-->" name="<!--SUBJECT-->[key][]" id="<!--SUBJECT-->[key][]" value="<!--FIELD_VALUE-->"/>
+  </td>
+  <td>
+    <!--DESC-->:&#160;<input <!--DISABLED--> type="text" style="width:350px" class="<!--SUBJECT-->_descriptions"  onblur="jQuery(this).attr('value',jQuery(this).val().trim());<!--ONBLUR2-->" name="<!--SUBJECT-->[description][]" id="<!--SUBJECT-->[description][]" value="<!--FIELD_DESC-->"/>
+  </td>
+  <td>
+    <!--REMOVE_FIELD_BUTTON-->
+  </td>
+</tr>
 <!--EXTRA-->

data/app/views/widget_list/administration/_output.html.erb

@@ -1,1101 +1,1101 @@
-<style type="text/css">
-  input[type="text"] {
-    font-size:25px;
-    height:33px;
-    left:0;
-    line-height:33px;
-    padding:8px 8px 7px;
-    top:0;
-    width:600px;
-  }
-
-  select {
-    font-size:25px;
-    height:50px;
-    left:0;
-    line-height:33px;
-    top:0;
-    width:600px;
-  }
-
-  .misc_keys, .misc_descriptions, .misc_links {
-    font-size:14px !important;
-    height:15px !important;
-    left:0 !important;
-    line-height:14px !important;
-    width:200px !important;
-  }
-
-  .buttons_drill_down_name_button {
-    margin-right: 70px;
-  }
-
-  .buttons_data_to_pass_from_view_button {
-    margin-right: 120px;
-  }
-</style>
-
-<script type="text/javascript">
-  var all = '.init,.start,.fields,.rows,.search,.footer,.misc_submit';
-  var all_btns = '#start,#fields,#rows,#search,#footer,#misc_submit';
-  jQuery(document).ready(function () {
-    if (jQuery('#view').val() != '') {
-      jQuery(all_btns).removeClass('disabled');
-    }
-    if (jQuery('#preview').attr('src') == '') {
-      jQuery('#preview').hide();
-    } else {
-      jQuery('#preview').show();
-    }
-
-    window.onbeforeunload = function (evt) {
-      var message = 'Are you sure you want to abandon this widget_list implementation?  Doing so will lose all your work?';
-      if (typeof evt == 'undefined') {
-        evt = window.event;
-      }
-
-      if (evt) {
-        evt.returnValue = message;
-      }
-      if (!isSubmitting) {
-        return message;
-      }
-    }
-
-  });
-
-  function VerifyOK(func_name) {
-    var ok = true;
-    if (jQuery('#view').val() == '') {
-      ok = false;
-      alert('Please select a Model to use as your base widget_list');
-    }
-    else if (jQuery('#rowLimit').val() != '10' && jQuery('#rowLimit').val() != '20' && jQuery('#rowLimit').val() != '50' && jQuery('#rowLimit').val() != '100' && jQuery('#rowLimit').val() != '500' && jQuery('#rowLimit').val() != '1000') {
-      ok = false;
-      alert('Invalid Row Limit, please see help button.');
-    }
-    return ok;
-  }
-
-  function ClickTab(which_class,func_name,by_pass) {
-    if (typeof by_pass == 'undefined') {
-      var by_pass = false;
-    }
-    if (by_pass || VerifyOK(func_name)) {
-      jQuery('.search_dependent').hide(0,function() {
-        jQuery(all).hide(0,function() {
-          jQuery(which_class).fadeIn(0,function() {
-            if (func_name == 'ShowSearch') {
-              ShowSearchOptions(function() {
-                ShowGroupingOptions();
-                ShowExportOptions();
-
-              });
-            }
-            if (func_name == 'ShowFields') {
-              ShowHiddenOptions();
-              ShowFunctionOptions();
-            }
-            if (func_name == 'ShowSubmit') {
-              ShowCheckboxOptions();
-            }
-            if (func_name == 'ShowRows') {
-              ShowButtonOptions();
-              ShowDrillDownOptions();
-            }
-            if (func_name == 'ShowFooter') {
-              ShowFooterOptions();
-            }
-          });
-        });
-      });
-
-      if (!by_pass) {
-        SaveChanges();
-      }
-
-    }
-  }
-
-  function ShowStart() {
-    ClickTab('.start',arguments.callee.name);
-  }
-
-  function ShowFields() {
-    ClickTab('.fields',arguments.callee.name);
-  }
-
-  function ShowRows() {
-    ClickTab('.rows',arguments.callee.name);
-  }
-
-  function ShowSearch() {
-    ClickTab('.search',arguments.callee.name);
-  }
-
-  function ShowFooter() {
-    ClickTab('.footer',arguments.callee.name);
-  }
-
-  function ShowSubmit() {
-    ClickTab('.misc_submit',arguments.callee.name);
-  }
-
-  function ReplaceColumnsToLinked(obj) {
-    found = false;
-    var className = obj.className;
-    jQuery(obj).css('background-color','white');
-    jQuery('.fields_keys, .fields_hidden_keys, .fields_function_keys').each(
-      function(key, value) {
-        if(jQuery(value).val() == jQuery(obj).val().trim() && jQuery(obj).val().search(/_linked/i) == -1) {
-          found = true;
-          var id_original = jQuery(obj).val().trim();
-          jQuery(value).val(jQuery(obj).val().trim() + '_linked');
-          jQuery(obj).val(jQuery(obj).val().trim() + '_linked');
-          jQuery(obj).attr('value',jQuery(this).val().trim());
-          if (className == 'drill_downs_data_to_pass_from_view') {
-            jQuery('.drill_downs_column_to_show[value="col_name"]').each(
-              function(key1, value1) {
-                jQuery(value1).val(jQuery(obj).val().trim());
-                jQuery(value1).attr('value',jQuery(value1).val().trim());
-                return false;
-              }
-            )
-          } else {
-            jQuery('.drill_downs_data_to_pass_from_view[value="col_name"]').each(
-              function(key1, value1) {
-                jQuery(value1).val(jQuery(obj).val().trim());
-                jQuery(value1).attr('value',jQuery(value1).val().trim());
-                return false;
-              }
-            )
-          }
-
-          jQuery('.drill_downs_drill_down_name[value="filter_col_name"]').each(
-              function(key1, value1) {
-                jQuery(value1).val('filter_by_' + id_original);
-                jQuery(value1).attr('value','filter_by_' + id_original);
-                return false;
-              }
-          )
-
-
-          jQuery('#showHidden').attr('checked',true);
-          AddHiddenField();
-          jQuery('.fields_hidden_keys[value=""]').each(
-              function(key1, value1) {
-                jQuery(value1).val(id_original);
-                jQuery(value1).attr('value',id_original);
-                return false;
-              }
-          );
-        }
-      }
-    );
-
-    if (!found && jQuery(obj).val().search(/_linked/i) == -1) {
-      alert('Invalid Field Name defined.  Please change the value');
-      jQuery(obj).css('background-color','red');
-    }
-  }
-
-  function InvalidField(obj) {
-    found = false;
-    jQuery(obj).css('background-color','white');
-    jQuery('.fields_keys, .fields_hidden_keys, .fields_function_keys').each(
-      function(key, value) {
-        if(jQuery(value).val() == jQuery(obj).val().trim()) {
-          found = true;
-        }
-      }
-    );
-
-    if (!found) {
-      alert('Invalid Field Name defined.  Please change the value');
-      jQuery(obj).css('background-color','red');
-    }
-  }
-
-  function GoodClass(obj) {
-    found = false;
-    jQuery(obj).css('background-color','white');
-    if (jQuery(obj).val() == 'primary' || jQuery(obj).val() == 'info' || jQuery(obj).val() == 'success' || jQuery(obj).val() == 'danger' || jQuery(obj).val() == 'disabled' || jQuery(obj).val() == 'default') {
-      found = true;
-    }
-    if (!found) {
-      alert('Invalid Class Name.  Click Help icon for more information.');
-      jQuery(obj).css('background-color','red');
-    }
-  }
-
-
-  function ShowSearchOptions(callback) {
-    if (jQuery('#showSearch').is(':checked')) {
-      jQuery('.search_dependent').show();
-    } else {
-      jQuery('.search_dependent').hide();
-    }
-    if (typeof(callback) == 'function') {
-      (callback)();
-    }
-  }
-
-  function ShowGroupingOptions() {
-    if (jQuery('#useGrouping').is(':checked') && jQuery('#showSearch').is(':checked')) {
-      jQuery('.grouping_dependent').show();
-    } else {
-      jQuery('.grouping_dependent').hide();
-    }
-  }
-
-  function ShowRansackOptions() {
-    if (jQuery('#useRansack').is(':checked') && jQuery('#showSearch').is(':checked')) {
-      jQuery('.ransack_dependent').show();
-    } else {
-      jQuery('.ransack_dependent').hide();
-    }
-  }
-
-  function ShowFooterOptions() {
-    if (jQuery('#footerOn').is(':checked')) {
-      jQuery('.footer_dependent').show();
-    } else {
-      jQuery('.footer_dependent').hide();
-    }
-  }
-
-  function ShowExportOptions() {
-    if (jQuery('#showExport').is(':checked') && jQuery('#showSearch').is(':checked')) {
-      jQuery('.export_dependent').show();
-    } else {
-      jQuery('.export_dependent').hide();
-    }
-  }
-
-  function ShowHiddenOptions() {
-    if (jQuery('#showHidden').is(':checked')) {
-      if (jQuery('.fields_hidden_keys').length == 0) {
-        AddHiddenField();
-      }
-      jQuery('.hidden_fields_dependent').show();
-    } else {
-      jQuery('.hidden_fields_dependent').hide();
-    }
-  }
-
-  function ShowButtonOptions() {
-    if (jQuery('#rowButtonsOn').is(':checked')) {
-      jQuery('.button_dependent').show();
-    } else {
-      jQuery('.button_dependent').hide();
-    }
-  }
-  function ShowDrillDownOptions() {
-    if (jQuery('#drillDownsOn').is(':checked')) {
-      if (jQuery('.drill_downs_data_to_pass_from_view').length == 0) {
-        AddDrillDown();
-      }
-      jQuery('.drill_down_dependent').show();
-    } else {
-      jQuery('.drill_down_dependent').hide();
-    }
-  }
-
-  function ShowFunctionOptions() {
-    if (jQuery('#fieldFunctionOn').is(':checked')) {
-      if (jQuery('.fields_function_keys').length == 0) {
-        AddFieldFunction();
-      }
-      jQuery('.function_dependent').show();
-    } else {
-      jQuery('.function_dependent').hide();
-    }
-  }
-
-  function ShowCheckboxOptions() {
-    if (jQuery('#checkboxEnabled').is(':checked')) {
-      jQuery('.checkbox_dependent').show();
-    } else {
-      jQuery('.checkbox_dependent').hide();
-    }
-  }
-
-  function AddGroupingItem() {
-    jQuery('#grouping_items').html(jQuery('#grouping_items').html() + jQuery('#grouping_items_default').html());
-  }
-
-  function AddField() {
-    jQuery('#field_table').html(jQuery('#field_table').html() + jQuery('#default_field_template').html());
-  }
-
-  function AddGroupBy() {
-    jQuery('#grouping_table').html(jQuery('#grouping_table').html() + jQuery('#default_grouping_template').html());
-  }
-
-  function AddButton() {
-    jQuery('#button_table').html(jQuery('#button_table').html() + jQuery('#default_button_template').html());
-    jQuery('.buttons_url').last().val('/' + jQuery('#desiredController').val());
-  }
-
-  function AddDrillDown() {
-    jQuery('#drill_down_table').html(jQuery('#drill_down_table').html() + jQuery('#default_drill_down_template').html());
-  }
-
-  function AddFooterButton() {
-    jQuery('#footer_table').html(jQuery('#footer_table').html() + jQuery('#default_footer_template').html());
-    jQuery('.footer_buttons_url').last().val('/' + jQuery('#desiredController').val());
-  }
-
-  function AddHiddenField() {
-    jQuery('#hidden_field_table').html(jQuery('#hidden_field_table').html() + jQuery('#default_hidden_field_template').html());
-  }
-
-  function AddFieldFunction() {
-    jQuery('#field_function_table').html(jQuery('#field_function_table').html() + jQuery('#default_field_function_template').html());
-  }
-
-  function FakeCheck(obj) {
-    jQuery(obj).siblings('input[type="hidden"]').val(jQuery(obj).is(':checked') ? 'checked' : '')
-  }
-
-  function RemoveField(obj) {
-    var isHiddenRemoval = false;
-    if (jQuery(obj).parent().parent().find('input.fields_hidden_keys').length > 0) {
-      isHiddenRemoval = true;
-    }
-    var isFunctionRemoval = false;
-    if (jQuery(obj).parent().parent().find('input.fields_function_keys').length > 0) {
-      isFunctionRemoval = true;
-    }
-
-    var tr1 = jQuery(obj).closest('tr');
-
-
-
-    var tr2 = tr1.next();
-    var tr3 = tr2.next();
-
-    tr1.remove();
-
-    if (tr1.find('.fields_keys').length == 1) {
-      // Remove options TR's
-      tr2.remove();
-      tr3.remove();
-    }
-
-    if (isHiddenRemoval && jQuery('.fields_hidden_keys').length == 0) {
-      if (jQuery('#showHidden').is(':checked')) {
-        jQuery('#showHidden').attr('checked',false);
-      }
-      jQuery('.hidden_fields_dependent').hide();
-    }
-    if (isFunctionRemoval && jQuery('.fields_function_keys').length == 0) {
-      if (jQuery('#fieldFunctionOn').is(':checked')) {
-        jQuery('#fieldFunctionOn').attr('checked',false);
-      }
-      jQuery('.function_dependent').hide();
-    }
-  }
-
-  function MoveField(obj) {
-
-    var field_name = jQuery(obj).parent().parent().find('input.fields_keys').val();
-    RemoveField(obj);
-    if (jQuery('#showHidden').not(':checked')) {
-      jQuery('#showHidden').attr('checked',true);
-    }
-    AddHiddenField();
-    jQuery('.hidden_fields_dependent').show();
-    jQuery('.fields_hidden_keys[value=""]').each(
-        function(key1, value1) {
-          jQuery(value1).val(field_name);
-          jQuery(value1).attr('value',field_name);
-          return false;
-        }
-    );
-  }
-
-  function ShowOptions(obj) {
-    var tr  = jQuery(obj).closest('tr').next();
-    var tr2 = tr.next();
-    if (tr2.not(':visible') && tr.is(':visible')) {
-      tr2.show();
-      tr.show();
-    }
-    if (tr.not(':visible') && tr2.is(':visible')) {
-      tr.show();
-      tr2.show();
-    }
-    if (tr.not(':visible') && tr2.not(':visible')) {
-      tr.toggle();
-      tr2.toggle();
-    }
-  }
-
-  function AddFunction(obj) {
-
-    var field_name = jQuery(obj).parent().parent().find('input.fields_keys').val();
-
-    if (jQuery('#fieldFunctionOn').not(':checked')) {
-      jQuery('#fieldFunctionOn').attr('checked',true);
-    }
-    var objExists = '.fields_function_keys[value="' + field_name + '"]';
-    if (jQuery(objExists).length > 0) {
-      alert('Field Function for ' + field_name + ' already exists, please modify');
-      jQuery(objExists).css('background-color','pink');
-    } else {
-      AddFieldFunction();
-      jQuery('.function_dependent').show();
-      jQuery('.fields_function_keys[value=""]').each(
-          function(key1, value1) {
-            jQuery(value1).val(field_name);
-            jQuery(value1).attr('value',field_name);
-            return false;
-          }
-      );
-      jQuery('.fields_function_descriptions[value=""]').each(
-          function(key1, value1) {
-            var out = 'DB_FUNC(' + field_name + ')';
-            jQuery(value1).val(out);
-            jQuery(value1).attr('value',out);
-            return false;
-          }
-      );
-    }
-  }
-
-  function ShowField(obj) {
-
-    var field_name = jQuery(obj).parent().parent().find('input.fields_hidden_keys').val();
-    RemoveField(obj);
-    AddField();
-    jQuery('.fields_keys[value=""]').each(
-        function(key1, value1) {
-          jQuery(value1).val(field_name);
-          jQuery(value1).attr('value',field_name);
-          return false;
-        }
-    );
-    jQuery('.fields_descriptions[value=""]').each(
-        function(key1, value1) {
-          jQuery(value1).val(field_name);
-          jQuery(value1).attr('value',field_name);
-          return false;
-        }
-    );
-
-
-    if (jQuery('#showHidden').is(':checked') && jQuery('.fields_hidden_keys').length == 0) {
-      jQuery('#showHidden').attr('checked',false);
-    }
-    if (jQuery('.fields_hidden_keys').length == 0) {
-      jQuery('.hidden_fields_dependent').hide();
-    }
-  }
-
-  function ChangeViewModel(obj) {
-    jQuery(all_btns).addClass('disabled');
-    if(jQuery(obj).val() != '') {
-      jQuery.post(jQuery('#widget_list_administration').attr('action'), 'ajax=1&model=' + jQuery(obj).val(), function(response)
-      {
-        jQuery('#name').val(jQuery(obj).val().toLowerCase() + '_listing');
-        jQuery('#field_table').html(response['fields']);
-        jQuery('#hidden_field_table').html(response['fields_hidden']);
-        jQuery('#checkboxField').html(response['checked_fields']);
-        jQuery('#footer_table').html(response['footer_buttons']);
-        jQuery('#grouping_table').html(response['group_by']);
-        SaveChanges();
-        if (jQuery(obj).val() != '') {
-          jQuery(all_btns).removeClass('disabled');
-        }
-
-
-        jQuery(all_btns).removeClass('disabled');
-        jQuery('#title').val(jQuery(obj).val() + 's');
-        jQuery('#listDescription').val('Showing All ' + jQuery(obj).val() + 's');
-
-        if (jQuery(obj).val() != '') {
-          jQuery('#noDataMessage').val('No ' + jQuery(obj).val() + 's Found Within Your Criteria');
-        }
-
-        if (jQuery(obj).val() != '' && jQuery('#showExport').is(':checked')) {
-          jQuery('#exportButtonTitle').val('Export All ' + jQuery(obj).val() + 's');
-        }
-      }, "json").error(function(response) {
-                alert('An error occurred instantiating this model.  Check the response for errors.');
-              });
-    }
-  }
-
-  function SaveChanges() {
-    jQuery(all_btns).addClass('disabled');
-    jQuery.post(jQuery('#widget_list_administration').attr('action'), 'ajax=1&save=1&' + jQuery('#widget_list_administration').serialize(), function(response)
-    {
-      jQuery(all_btns).removeClass('disabled');
-      jQuery('#preview').show();
-      jQuery('#preview').attr('src',jQuery('#widget_list_administration').attr('action') + '?iframe=1&desiredController=' + jQuery('#desiredController').val() + '&desiredAction=' + jQuery('#desiredAction').val() );
-      jQuery('#preview').css('width','100%');
-      jQuery('#preview').css('height','500px');
-    }, "json");
-  }
-
-  var isSubmitting = false;
-  function Submit() {
-    if (VerifyOK('')) {
-      isSubmitting = true;
-      jQuery('#widget_list_administration').submit();
-    }
-  }
-
-  function ChangeController(obj) {
-    jQuery('.footer_buttons_url').each(function (key,value) {
-      if (jQuery(value).val() == '/' + jQuery('#desiredControllerOriginal').val() + '/add/') {
-        jQuery(value).val('/' + jQuery(obj).val() + '/add/');
-        jQuery(value).attr('value','/' + jQuery(obj).val() + '/add/');
-      }
-    });
-    jQuery('.buttons_url').each(function (key,value) {
-      if (jQuery(value).val() == '/' + jQuery('#desiredControllerOriginal').val() + '/edit/id/') {
-        jQuery(value).val('/' + jQuery(obj).val() + '/edit/id/');
-        jQuery(value).attr('value','/' + jQuery(obj).val() + '/edit/id/');
-      }
-      if (jQuery(value).val() == '/' + jQuery('#desiredControllerOriginal').val() + '/delete/id/') {
-        jQuery(value).val('/' + jQuery(obj).val() + '/delete/id/');
-        jQuery(value).attr('value','/' + jQuery(obj).val() + '/delete/id/');
-      }
-    });
-  }
-
-</script>
-<form action="<!--POST_URL-->" method="post" id="widget_list_administration">
-  <h1 style="font-size:24;"><!--TITLE--></h1><div class="horizontal_rule"></div>
-  <h3>Get started quickly by selecting the features you need for this list</h3>
-  <table>
-    <!--BUTTON SECTION-->
-      <tr id="sections" <!--BUTTON_CSS-->>
-        <td colspan="3">
-          <h3><!--BUTTONS--></h3>
-        </td>
-      </tr>
-
-    <!--START SECTION-->
-
-      <!--EDIT_OR_ADD_NEW-->
-
-      <tr class="start" <!--START_CSS-->>
-        <td>
-          <h3>Primary Connection?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="primaryDatabase" id="primaryDatabase" value="1" <!--PRIMARY_CHECKED-->/>
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-
-      <tr class="start" <!--START_CSS-->>
-        <td>
-          <h3>Desired Controller Location:</h3>
-        </td>
-        <td>
-          <input type="text" onblur="ChangeController(this);" name="desiredController" id="desiredController" value="<!--CONTROLLER_VALUE-->"/>
-          <input type="hidden" name="desiredControllerOriginal" id="desiredControllerOriginal" value="<!--CONTROLLER_VALUE-->"/>
-        </td>
-        <td>
-          <!--CONTROLLER_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="start" <!--START_CSS-->>
-        <td>
-          <h3>Desired Action:</h3>
-        </td>
-        <td>
-          <input type="text" name="desiredAction" id="desiredAction" value="<!--ACTION_VALUE-->"/>
-        </td>
-        <td>
-          <!--ACTION_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="start" <!--START_CSS-->>
-        <td>
-          <h3>Internal Name:</h3>
-        </td>
-        <td>
-          <input type="text" name="name" id="name" value="<!--NAME_VALUE-->"/>
-        </td>
-        <td>
-          <!--NAME_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="start" <!--START_CSS-->>
-        <td>
-          <h3>Model:</h3>
-        </td>
-        <td>
-          <select name="view" id="view" onchange="ChangeViewModel(this)">
-            <!--VIEW_OPTIONS-->
-          </select>
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-      <tr class="start" <!--START_CSS-->>
-        <td>
-          <h3>Title:</h3>
-        </td>
-        <td>
-          <input type="text" name="title" id="title" value="<!--TITLE_VALUE-->"/>
-        </td>
-        <td>
-          <!--TITLE_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="start" <!--START_CSS-->>
-        <td>
-          <h3>Initial Description:</h3>
-        </td>
-        <td>
-          <input type="text" name="listDescription" id="listDescription" value="<!--DESC_VALUE-->"/>
-        </td>
-        <td>
-          <!--DESC_HELP_BUTTON-->
-        </td>
-      </tr>
-
-    <!--FIELDS SECTION-->
-      <tr class="fields" style="display:none;">
-        <td>
-          <h3>Allow Sorting?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="useSort" id="useSort" value="1" <!--SORTING_CHECKED-->/>
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-
-      <tr class="fields" style="display:none;">
-        <td>
-          <h3>No Data Message:</h3>
-        </td>
-        <td>
-          <input type="text" name="noDataMessage" id="noDataMessage" value="<!--NO_DATA_VALUE-->"/>
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-
-      <tr class="fields" style="display:none;">
-        <td colspan="3">
-          <h1>Field Selection:</h1>
-          <script type="text/plain" id="default_field_template">
-            <!--FIELD_TEMPLATE-->
-          </script>
-          <table style="margin-left:75px;" id="field_table">
-            <!--ALL_FIELDS-->
-          </table>
-          <table style="margin-left:75px;">
-            <tr>
-              <td colspan="3">
-                 <!--ADD_FIELD_BUTTON-->
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-      <tr class="fields" style="display:none;">
-        <td style="width:300px;">
-          <h3>Hidden Fields?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="showHidden" onchange="ShowHiddenOptions();" id="showHidden" value="1" <!--SHOW_HIDDEN_CHECKED-->/>
-        </td>
-        <td>
-          <!--HIDDEN_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="fields hidden_fields_dependent" style="display:none;">
-
-        <td colspan="3">
-          <h1 style="margin-left: 75px;">Hidden Field Selection:</h1>
-          <script type="text/plain" id="default_hidden_field_template">
-            <!--HIDDEN_FIELD_TEMPLATE-->
-          </script>
-          <table style="margin-left:150px;" id="hidden_field_table">
-            <!--ALL_HIDDEN_FIELDS-->
-          </table>
-          <table style="margin-left:150px;">
-            <tr>
-              <td colspan="3">
-                <!--ADD_HIDDEN_FIELD_BUTTON-->
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-      <tr class="fields" style="display:none;">
-        <td style="width:300px;">
-          <h3>Field Function?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="fieldFunctionOn" onchange="ShowFunctionOptions();" id="fieldFunctionOn" value="1" <!--SHOW_FUNCTION_CHECKED-->/>
-        </td>
-        <td>
-          <!--FUNC_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="fields function_dependent" style="display:none;">
-        <td colspan="3">
-          <h1 style="margin-left: 75px;">Field Functions To Wrap Around Fields:</h1>
-          <script type="text/plain" id="default_field_function_template">
-            <!--FIELD_FUNCTION_TEMPLATE-->
-          </script>
-          <table style="margin-left:150px;" id="field_function_table">
-            <!--ALL_FIELD_FUNCTIONS-->
-          </table>
-          <table style="margin-left:150px;">
-            <tr>
-              <td colspan="3">
-                <!--ADD_FIELD_FUNCTION_BUTTON-->
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-      <!--ROWS SECTION-->
-      <tr class="rows" style="display:none;">
-        <td>
-          <h3>Row Limit</h3>
-        </td>
-        <td>
-          <input type="text" name="rowLimit" id="rowLimit" value="<!--ROW_LIMIT_VALUE-->"/>
-        </td>
-        <td>
-          <!--ROW_HELP_BUTTON-->
-        </td>
-      </tr>
-
-
-
-      <tr class="rows" style="display:none;">
-        <td style="width:300px;">
-          <h3>Row Buttons?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="rowButtonsOn" onchange="ShowButtonOptions();" id="rowButtonsOn" value="1" <!--BUTTONS_ON_CHECKED-->/>
-        </td>
-        <td>
-          <!--BUTTON_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="rows button_dependent" style="display:none;">
-        <td colspan="3">
-          <table style="margin-left:75px;">
-            <tr>
-              <td>
-                <h3>Row Button Column Name</h3>
-              </td>
-              <td>
-                <input type="text" name="rowButtonsName" id="rowButtonsName" value="<!--BUTTON_NAME_VALUE-->"/>
-              </td>
-              <td>
-                &#160;
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-      <tr class="rows button_dependent" style="display:none;">
-        <td colspan="3">
-          <h1  style="margin-left:75px;">Buttons:</h1>
-          <script type="text/plain" id="default_button_template">
-            <!--THE_BUTTON_TEMPLATE-->
-          </script>
-          <table style="margin-left:150px;" id="button_table">
-            <!--ALL_BUTTONS-->
-          </table>
-          <table style="margin-left:150px;">
-            <tr>
-              <td colspan="3">
-                <!--ADD_THE_BUTTON_BUTTON-->
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-
-
-
-    <tr class="rows" style="display:none;">
-      <td style="width:300px;">
-        <h3>Drill Down Columns?:</h3>
-      </td>
-      <td>
-        <input type="checkbox" name="drillDownsOn" onchange="ShowDrillDownOptions();" id="drillDownsOn" value="1" <!--DRILL_DOWN_CHECKED-->/>
-      </td>
-      <td>
-        <!--DRILL_DOWN_HELP_BUTTON-->
-      </td>
-    </tr>
-
-    <tr class="rows drill_down_dependent" style="display:none;">
-      <td colspan="3">
-        <script type="text/plain" id="default_drill_down_template">
-          <!--THE_DRILL_DOWN_TEMPLATE-->
-        </script>
-        <table style="margin-left:150px;" id="drill_down_table">
-          <!--ALL_DRILL_DOWNS-->
-        </table>
-        <table style="margin-left:150px;">
-          <tr>
-            <td colspan="3">
-              <!--ADD_DRILL_DOWN_BUTTON-->
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-
-
-    <!--SEARCH SECTION-->
-      <tr class="search" style="display:none;">
-        <td style="width:300px;">
-          <h3>Show Search?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="showSearch" onchange="ShowSearchOptions(function() {ShowGroupingOptions();})" id="showSearch" value="1" <!--SHOW_SEARCH_CHECKED-->/>
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-
-      <tr class="search search_dependent" style="display:none;">
-        <td style="width:300px;">
-          <h3>Show Export Button?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="showExport" onchange="ShowExportOptions();" id="showExport" value="1" <!--SHOW_EXPORT_CHECKED-->/>
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-
-      <tr class="search search_dependent export_dependent" style="display:none;">
-        <td colspan="3">
-          <table style="margin-left:75px;">
-            <tr>
-              <td>
-                <h3>Export Button Title:</h3>
-              </td>
-              <td>
-                <input type="text" name="exportButtonTitle" id="exportButtonTitle" value="<!--EXPORT_VALUE-->"/>
-              </td>
-              <td>
-                &#160;
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-      <tr class="search search_dependent" style="display:none;">
-        <td>
-          <h3>Search Description/Title:</h3>
-        </td>
-        <td>
-          <input type="text" name="searchTitle" id="searchTitle" value="<!--SEARCH_TITLE-->"/>
-        </td>
-        <td>
-          <!--SEARCH_TITLE_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="search search_dependent" style="display:none;">
-        <td>
-          <h3>Use Ransack Advanced Search?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="useRansack" onchange="ShowRansackOptions()" id="useRansack" value="1" <!--USE_RANSACK-->/>
-        </td>
-        <td>
-          <!--RANSACK_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="search search_dependent ransack_dependent" style="display:none;">
-        <td colspan="3">
-          <table style="margin-left:75px;">
-            <tr>
-              <td>
-                <h3>Customized Ransack Form?:</h3>
-              </td>
-              <td>
-                <input type="checkbox" name="ransackAdvancedForm" id="ransackAdvancedForm" value="1" <!--USE_RANSACK_ADV-->/>
-              </td>
-              <td>
-                <!--ADV_RANSACK_HELP_BUTTON-->
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-      <tr class="search search_dependent" style="display:none;">
-        <td>
-          <h3>Use Grouping?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="useGrouping" onchange="ShowGroupingOptions()" id="useGrouping" value="1" <!--USE_GROUPING-->/>
-        </td>
-        <td>
-          <!--GROUP_BY_HELP_BUTTON-->
-        </td>
-      </tr>
-
-      <tr class="search search_dependent grouping_dependent" style="display:none;">
-        <td colspan="3">
-          <h1  style="margin-left: 75px;">Custom Items To Group By:</h1>
-          <table>
-            <tr>
-              <td>
-                <script type="text/plain" id="default_grouping_template">
-                   <!--DEFAULT_GROUPING-->
-                </script>
-                <table  style="margin-left:150px;" id="grouping_table">
-                  <!--GROUPING_ITEMS-->
-                </table>
-                <table style="margin-left:150px;">
-                  <tr>
-                    <td colspan="3">
-                      <!--ADD_GROUP_BY_BUTTON-->
-                    </td>
-                  </tr>
-                </table>
-              </td>
-            </tr>
-          </table>
-
-          <table style="margin-left:150px;">
-            <tr>
-              <td colspan="3">
-                <!--ADD_GROUPING_BUTTON-->
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-
-    <!--FOOTER SECTION-->
-    <tr class="footer" style="display:none;">
-      <td style="width:300px;">
-        <h3>Build Customized Footer?:</h3>
-      </td>
-      <td>
-        <input type="checkbox" name="footerOn" onchange="ShowFooterOptions();" id="footerOn" value="1" <!--FOOTER_CHECKED-->/>
-      </td>
-      <td>
-
-      </td>
-    </tr>
-    <tr class="footer footer_dependent" style="display:none;">
-      <td colspan="3">
-        <h1  style="margin-left:75px;">Footer Buttons:</h1>
-        <script type="text/plain" id="default_footer_template">
-          <!--FOOTER_BUTTON_TEMPLATE-->
-        </script>
-        <table style="margin-left:150px;" id="footer_table">
-          <!--ALL_FOOTER_BUTTONS-->
-        </table>
-        <table style="margin-left:150px;">
-          <tr>
-            <td colspan="3">
-              <!--ADD_THE_FOOTER_BUTTON-->
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-
-    <tr class="footer" style="display:none;">
-      <td style="width:300px;">
-        <h3>Show Pagination?:</h3>
-      </td>
-      <td>
-        <input type="checkbox" name="showPagination" id="showPagination" value="1" <!--PAGINATION_CHECKED-->/>
-      </td>
-      <td>
-
-      </td>
-    </tr>
-
-    <!--MISC & SUBMIT SECTION-->
-
-      <tr class="misc_submit" style="display:none;">
-        <td style="width:300px;">
-          <h3>Add Row Checkbox?:</h3>
-        </td>
-        <td>
-          <input type="checkbox" name="checkboxEnabled" onchange="ShowCheckboxOptions();" id="checkboxEnabled" value="1" <!--SHOW_CHECKBOX_CHECKED-->/>
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-
-      <tr class="misc_submit checkbox_dependent" style="display:none;">
-        <td colspan="3">
-          <table style="margin-left:75px;">
-            <tr>
-              <td>
-                <h3>Checkbox Value:</h3>
-              </td>
-              <td>
-                <select name="checkboxField" id="checkboxField">
-                  <!--CHECKBOX_SELECTED_FIELDS-->
-                </select>
-              </td>
-              <td>
-                <!--CHECK_HELP_BUTTON-->
-              </td>
-            </tr>
-          </table>
-        </td>
-      </tr>
-      <tr class="misc_submit"  style="display:none;" >
-        <td>
-          <h3>Submit:</h3>
-        </td>
-        <td>
-          <!--SUBMIT_WIDGET_LIST-->
-        </td>
-        <td>
-          &#160;
-        </td>
-      </tr>
-
-      <tr>
-        <td colspan="3">
-          <iframe src="" id="preview"></iframe>
-        </td>
-      </tr>
-
-  </table>
+<style type="text/css">
+  input[type="text"] {
+    font-size:25px;
+    height:33px;
+    left:0;
+    line-height:33px;
+    padding:8px 8px 7px;
+    top:0;
+    width:600px;
+  }
+
+  select {
+    font-size:25px;
+    height:50px;
+    left:0;
+    line-height:33px;
+    top:0;
+    width:600px;
+  }
+
+  .misc_keys, .misc_descriptions, .misc_links {
+    font-size:14px !important;
+    height:15px !important;
+    left:0 !important;
+    line-height:14px !important;
+    width:200px !important;
+  }
+
+  .buttons_drill_down_name_button {
+    margin-right: 70px;
+  }
+
+  .buttons_data_to_pass_from_view_button {
+    margin-right: 120px;
+  }
+</style>
+
+<script type="text/javascript">
+  var all = '.init,.start,.fields,.rows,.search,.footer,.misc_submit';
+  var all_btns = '#start,#fields,#rows,#search,#footer,#misc_submit';
+  jQuery(document).ready(function () {
+    if (jQuery('#view').val() != '') {
+      jQuery(all_btns).removeClass('disabled');
+    }
+    if (jQuery('#preview').attr('src') == '') {
+      jQuery('#preview').hide();
+    } else {
+      jQuery('#preview').show();
+    }
+
+    window.onbeforeunload = function (evt) {
+      var message = 'Are you sure you want to abandon this widget_list implementation?  Doing so will lose all your work?';
+      if (typeof evt == 'undefined') {
+        evt = window.event;
+      }
+
+      if (evt) {
+        evt.returnValue = message;
+      }
+      if (!isSubmitting) {
+        return message;
+      }
+    }
+
+  });
+
+  function VerifyOK(func_name) {
+    var ok = true;
+    if (jQuery('#view').val() == '') {
+      ok = false;
+      alert('Please select a Model to use as your base widget_list');
+    }
+    else if (jQuery('#rowLimit').val() != '10' && jQuery('#rowLimit').val() != '20' && jQuery('#rowLimit').val() != '50' && jQuery('#rowLimit').val() != '100' && jQuery('#rowLimit').val() != '500' && jQuery('#rowLimit').val() != '1000') {
+      ok = false;
+      alert('Invalid Row Limit, please see help button.');
+    }
+    return ok;
+  }
+
+  function ClickTab(which_class,func_name,by_pass) {
+    if (typeof by_pass == 'undefined') {
+      var by_pass = false;
+    }
+    if (by_pass || VerifyOK(func_name)) {
+      jQuery('.search_dependent').hide(0,function() {
+        jQuery(all).hide(0,function() {
+          jQuery(which_class).fadeIn(0,function() {
+            if (func_name == 'ShowSearch') {
+              ShowSearchOptions(function() {
+                ShowGroupingOptions();
+                ShowExportOptions();
+
+              });
+            }
+            if (func_name == 'ShowFields') {
+              ShowHiddenOptions();
+              ShowFunctionOptions();
+            }
+            if (func_name == 'ShowSubmit') {
+              ShowCheckboxOptions();
+            }
+            if (func_name == 'ShowRows') {
+              ShowButtonOptions();
+              ShowDrillDownOptions();
+            }
+            if (func_name == 'ShowFooter') {
+              ShowFooterOptions();
+            }
+          });
+        });
+      });
+
+      if (!by_pass) {
+        SaveChanges();
+      }
+
+    }
+  }
+
+  function ShowStart() {
+    ClickTab('.start',arguments.callee.name);
+  }
+
+  function ShowFields() {
+    ClickTab('.fields',arguments.callee.name);
+  }
+
+  function ShowRows() {
+    ClickTab('.rows',arguments.callee.name);
+  }
+
+  function ShowSearch() {
+    ClickTab('.search',arguments.callee.name);
+  }
+
+  function ShowFooter() {
+    ClickTab('.footer',arguments.callee.name);
+  }
+
+  function ShowSubmit() {
+    ClickTab('.misc_submit',arguments.callee.name);
+  }
+
+  function ReplaceColumnsToLinked(obj) {
+    found = false;
+    var className = obj.className;
+    jQuery(obj).css('background-color','white');
+    jQuery('.fields_keys, .fields_hidden_keys, .fields_function_keys').each(
+      function(key, value) {
+        if(jQuery(value).val() == jQuery(obj).val().trim() && jQuery(obj).val().search(/_linked/i) == -1) {
+          found = true;
+          var id_original = jQuery(obj).val().trim();
+          jQuery(value).val(jQuery(obj).val().trim() + '_linked');
+          jQuery(obj).val(jQuery(obj).val().trim() + '_linked');
+          jQuery(obj).attr('value',jQuery(this).val().trim());
+          if (className == 'drill_downs_data_to_pass_from_view') {
+            jQuery('.drill_downs_column_to_show[value="col_name"]').each(
+              function(key1, value1) {
+                jQuery(value1).val(jQuery(obj).val().trim());
+                jQuery(value1).attr('value',jQuery(value1).val().trim());
+                return false;
+              }
+            )
+          } else {
+            jQuery('.drill_downs_data_to_pass_from_view[value="col_name"]').each(
+              function(key1, value1) {
+                jQuery(value1).val(jQuery(obj).val().trim());
+                jQuery(value1).attr('value',jQuery(value1).val().trim());
+                return false;
+              }
+            )
+          }
+
+          jQuery('.drill_downs_drill_down_name[value="filter_col_name"]').each(
+              function(key1, value1) {
+                jQuery(value1).val('filter_by_' + id_original);
+                jQuery(value1).attr('value','filter_by_' + id_original);
+                return false;
+              }
+          )
+
+
+          jQuery('#showHidden').attr('checked',true);
+          AddHiddenField();
+          jQuery('.fields_hidden_keys[value=""]').each(
+              function(key1, value1) {
+                jQuery(value1).val(id_original);
+                jQuery(value1).attr('value',id_original);
+                return false;
+              }
+          );
+        }
+      }
+    );
+
+    if (!found && jQuery(obj).val().search(/_linked/i) == -1) {
+      alert('Invalid Field Name defined.  Please change the value');
+      jQuery(obj).css('background-color','red');
+    }
+  }
+
+  function InvalidField(obj) {
+    found = false;
+    jQuery(obj).css('background-color','white');
+    jQuery('.fields_keys, .fields_hidden_keys, .fields_function_keys').each(
+      function(key, value) {
+        if(jQuery(value).val() == jQuery(obj).val().trim()) {
+          found = true;
+        }
+      }
+    );
+
+    if (!found) {
+      alert('Invalid Field Name defined.  Please change the value');
+      jQuery(obj).css('background-color','red');
+    }
+  }
+
+  function GoodClass(obj) {
+    found = false;
+    jQuery(obj).css('background-color','white');
+    if (jQuery(obj).val() == 'primary' || jQuery(obj).val() == 'info' || jQuery(obj).val() == 'success' || jQuery(obj).val() == 'danger' || jQuery(obj).val() == 'disabled' || jQuery(obj).val() == 'default') {
+      found = true;
+    }
+    if (!found) {
+      alert('Invalid Class Name.  Click Help icon for more information.');
+      jQuery(obj).css('background-color','red');
+    }
+  }
+
+
+  function ShowSearchOptions(callback) {
+    if (jQuery('#showSearch').is(':checked')) {
+      jQuery('.search_dependent').show();
+    } else {
+      jQuery('.search_dependent').hide();
+    }
+    if (typeof(callback) == 'function') {
+      (callback)();
+    }
+  }
+
+  function ShowGroupingOptions() {
+    if (jQuery('#useGrouping').is(':checked') && jQuery('#showSearch').is(':checked')) {
+      jQuery('.grouping_dependent').show();
+    } else {
+      jQuery('.grouping_dependent').hide();
+    }
+  }
+
+  function ShowRansackOptions() {
+    if (jQuery('#useRansack').is(':checked') && jQuery('#showSearch').is(':checked')) {
+      jQuery('.ransack_dependent').show();
+    } else {
+      jQuery('.ransack_dependent').hide();
+    }
+  }
+
+  function ShowFooterOptions() {
+    if (jQuery('#footerOn').is(':checked')) {
+      jQuery('.footer_dependent').show();
+    } else {
+      jQuery('.footer_dependent').hide();
+    }
+  }
+
+  function ShowExportOptions() {
+    if (jQuery('#showExport').is(':checked') && jQuery('#showSearch').is(':checked')) {
+      jQuery('.export_dependent').show();
+    } else {
+      jQuery('.export_dependent').hide();
+    }
+  }
+
+  function ShowHiddenOptions() {
+    if (jQuery('#showHidden').is(':checked')) {
+      if (jQuery('.fields_hidden_keys').length == 0) {
+        AddHiddenField();
+      }
+      jQuery('.hidden_fields_dependent').show();
+    } else {
+      jQuery('.hidden_fields_dependent').hide();
+    }
+  }
+
+  function ShowButtonOptions() {
+    if (jQuery('#rowButtonsOn').is(':checked')) {
+      jQuery('.button_dependent').show();
+    } else {
+      jQuery('.button_dependent').hide();
+    }
+  }
+  function ShowDrillDownOptions() {
+    if (jQuery('#drillDownsOn').is(':checked')) {
+      if (jQuery('.drill_downs_data_to_pass_from_view').length == 0) {
+        AddDrillDown();
+      }
+      jQuery('.drill_down_dependent').show();
+    } else {
+      jQuery('.drill_down_dependent').hide();
+    }
+  }
+
+  function ShowFunctionOptions() {
+    if (jQuery('#fieldFunctionOn').is(':checked')) {
+      if (jQuery('.fields_function_keys').length == 0) {
+        AddFieldFunction();
+      }
+      jQuery('.function_dependent').show();
+    } else {
+      jQuery('.function_dependent').hide();
+    }
+  }
+
+  function ShowCheckboxOptions() {
+    if (jQuery('#checkboxEnabled').is(':checked')) {
+      jQuery('.checkbox_dependent').show();
+    } else {
+      jQuery('.checkbox_dependent').hide();
+    }
+  }
+
+  function AddGroupingItem() {
+    jQuery('#grouping_items').html(jQuery('#grouping_items').html() + jQuery('#grouping_items_default').html());
+  }
+
+  function AddField() {
+    jQuery('#field_table').html(jQuery('#field_table').html() + jQuery('#default_field_template').html());
+  }
+
+  function AddGroupBy() {
+    jQuery('#grouping_table').html(jQuery('#grouping_table').html() + jQuery('#default_grouping_template').html());
+  }
+
+  function AddButton() {
+    jQuery('#button_table').html(jQuery('#button_table').html() + jQuery('#default_button_template').html());
+    jQuery('.buttons_url').last().val('/' + jQuery('#desiredController').val());
+  }
+
+  function AddDrillDown() {
+    jQuery('#drill_down_table').html(jQuery('#drill_down_table').html() + jQuery('#default_drill_down_template').html());
+  }
+
+  function AddFooterButton() {
+    jQuery('#footer_table').html(jQuery('#footer_table').html() + jQuery('#default_footer_template').html());
+    jQuery('.footer_buttons_url').last().val('/' + jQuery('#desiredController').val());
+  }
+
+  function AddHiddenField() {
+    jQuery('#hidden_field_table').html(jQuery('#hidden_field_table').html() + jQuery('#default_hidden_field_template').html());
+  }
+
+  function AddFieldFunction() {
+    jQuery('#field_function_table').html(jQuery('#field_function_table').html() + jQuery('#default_field_function_template').html());
+  }
+
+  function FakeCheck(obj) {
+    jQuery(obj).siblings('input[type="hidden"]').val(jQuery(obj).is(':checked') ? 'checked' : '')
+  }
+
+  function RemoveField(obj) {
+    var isHiddenRemoval = false;
+    if (jQuery(obj).parent().parent().find('input.fields_hidden_keys').length > 0) {
+      isHiddenRemoval = true;
+    }
+    var isFunctionRemoval = false;
+    if (jQuery(obj).parent().parent().find('input.fields_function_keys').length > 0) {
+      isFunctionRemoval = true;
+    }
+
+    var tr1 = jQuery(obj).closest('tr');
+
+
+
+    var tr2 = tr1.next();
+    var tr3 = tr2.next();
+
+    tr1.remove();
+
+    if (tr1.find('.fields_keys').length == 1) {
+      // Remove options TR's
+      tr2.remove();
+      tr3.remove();
+    }
+
+    if (isHiddenRemoval && jQuery('.fields_hidden_keys').length == 0) {
+      if (jQuery('#showHidden').is(':checked')) {
+        jQuery('#showHidden').attr('checked',false);
+      }
+      jQuery('.hidden_fields_dependent').hide();
+    }
+    if (isFunctionRemoval && jQuery('.fields_function_keys').length == 0) {
+      if (jQuery('#fieldFunctionOn').is(':checked')) {
+        jQuery('#fieldFunctionOn').attr('checked',false);
+      }
+      jQuery('.function_dependent').hide();
+    }
+  }
+
+  function MoveField(obj) {
+
+    var field_name = jQuery(obj).parent().parent().find('input.fields_keys').val();
+    RemoveField(obj);
+    if (jQuery('#showHidden').not(':checked')) {
+      jQuery('#showHidden').attr('checked',true);
+    }
+    AddHiddenField();
+    jQuery('.hidden_fields_dependent').show();
+    jQuery('.fields_hidden_keys[value=""]').each(
+        function(key1, value1) {
+          jQuery(value1).val(field_name);
+          jQuery(value1).attr('value',field_name);
+          return false;
+        }
+    );
+  }
+
+  function ShowOptions(obj) {
+    var tr  = jQuery(obj).closest('tr').next();
+    var tr2 = tr.next();
+    if (tr2.not(':visible') && tr.is(':visible')) {
+      tr2.show();
+      tr.show();
+    }
+    if (tr.not(':visible') && tr2.is(':visible')) {
+      tr.show();
+      tr2.show();
+    }
+    if (tr.not(':visible') && tr2.not(':visible')) {
+      tr.toggle();
+      tr2.toggle();
+    }
+  }
+
+  function AddFunction(obj) {
+
+    var field_name = jQuery(obj).parent().parent().find('input.fields_keys').val();
+
+    if (jQuery('#fieldFunctionOn').not(':checked')) {
+      jQuery('#fieldFunctionOn').attr('checked',true);
+    }
+    var objExists = '.fields_function_keys[value="' + field_name + '"]';
+    if (jQuery(objExists).length > 0) {
+      alert('Field Function for ' + field_name + ' already exists, please modify');
+      jQuery(objExists).css('background-color','pink');
+    } else {
+      AddFieldFunction();
+      jQuery('.function_dependent').show();
+      jQuery('.fields_function_keys[value=""]').each(
+          function(key1, value1) {
+            jQuery(value1).val(field_name);
+            jQuery(value1).attr('value',field_name);
+            return false;
+          }
+      );
+      jQuery('.fields_function_descriptions[value=""]').each(
+          function(key1, value1) {
+            var out = 'DB_FUNC(' + field_name + ')';
+            jQuery(value1).val(out);
+            jQuery(value1).attr('value',out);
+            return false;
+          }
+      );
+    }
+  }
+
+  function ShowField(obj) {
+
+    var field_name = jQuery(obj).parent().parent().find('input.fields_hidden_keys').val();
+    RemoveField(obj);
+    AddField();
+    jQuery('.fields_keys[value=""]').each(
+        function(key1, value1) {
+          jQuery(value1).val(field_name);
+          jQuery(value1).attr('value',field_name);
+          return false;
+        }
+    );
+    jQuery('.fields_descriptions[value=""]').each(
+        function(key1, value1) {
+          jQuery(value1).val(field_name);
+          jQuery(value1).attr('value',field_name);
+          return false;
+        }
+    );
+
+
+    if (jQuery('#showHidden').is(':checked') && jQuery('.fields_hidden_keys').length == 0) {
+      jQuery('#showHidden').attr('checked',false);
+    }
+    if (jQuery('.fields_hidden_keys').length == 0) {
+      jQuery('.hidden_fields_dependent').hide();
+    }
+  }
+
+  function ChangeViewModel(obj) {
+    jQuery(all_btns).addClass('disabled');
+    if(jQuery(obj).val() != '') {
+      jQuery.post(jQuery('#widget_list_administration').attr('action'), 'ajax=1&model=' + jQuery(obj).val(), function(response)
+      {
+        jQuery('#name').val(jQuery(obj).val().toLowerCase() + '_listing');
+        jQuery('#field_table').html(response['fields']);
+        jQuery('#hidden_field_table').html(response['fields_hidden']);
+        jQuery('#checkboxField').html(response['checked_fields']);
+        jQuery('#footer_table').html(response['footer_buttons']);
+        jQuery('#grouping_table').html(response['group_by']);
+        SaveChanges();
+        if (jQuery(obj).val() != '') {
+          jQuery(all_btns).removeClass('disabled');
+        }
+
+
+        jQuery(all_btns).removeClass('disabled');
+        jQuery('#title').val(jQuery(obj).val() + 's');
+        jQuery('#listDescription').val('Showing All ' + jQuery(obj).val() + 's');
+
+        if (jQuery(obj).val() != '') {
+          jQuery('#noDataMessage').val('No ' + jQuery(obj).val() + 's Found Within Your Criteria');
+        }
+
+        if (jQuery(obj).val() != '' && jQuery('#showExport').is(':checked')) {
+          jQuery('#exportButtonTitle').val('Export All ' + jQuery(obj).val() + 's');
+        }
+      }, "json").error(function(response) {
+                alert('An error occurred instantiating this model.  Check the response for errors.');
+              });
+    }
+  }
+
+  function SaveChanges() {
+    jQuery(all_btns).addClass('disabled');
+    jQuery.post(jQuery('#widget_list_administration').attr('action'), 'ajax=1&save=1&' + jQuery('#widget_list_administration').serialize(), function(response)
+    {
+      jQuery(all_btns).removeClass('disabled');
+      jQuery('#preview').show();
+      jQuery('#preview').attr('src',jQuery('#widget_list_administration').attr('action') + '?iframe=1&desiredController=' + jQuery('#desiredController').val() + '&desiredAction=' + jQuery('#desiredAction').val() );
+      jQuery('#preview').css('width','100%');
+      jQuery('#preview').css('height','500px');
+    }, "json");
+  }
+
+  var isSubmitting = false;
+  function Submit() {
+    if (VerifyOK('')) {
+      isSubmitting = true;
+      jQuery('#widget_list_administration').submit();
+    }
+  }
+
+  function ChangeController(obj) {
+    jQuery('.footer_buttons_url').each(function (key,value) {
+      if (jQuery(value).val() == '/' + jQuery('#desiredControllerOriginal').val() + '/add/') {
+        jQuery(value).val('/' + jQuery(obj).val() + '/add/');
+        jQuery(value).attr('value','/' + jQuery(obj).val() + '/add/');
+      }
+    });
+    jQuery('.buttons_url').each(function (key,value) {
+      if (jQuery(value).val() == '/' + jQuery('#desiredControllerOriginal').val() + '/edit/id/') {
+        jQuery(value).val('/' + jQuery(obj).val() + '/edit/id/');
+        jQuery(value).attr('value','/' + jQuery(obj).val() + '/edit/id/');
+      }
+      if (jQuery(value).val() == '/' + jQuery('#desiredControllerOriginal').val() + '/delete/id/') {
+        jQuery(value).val('/' + jQuery(obj).val() + '/delete/id/');
+        jQuery(value).attr('value','/' + jQuery(obj).val() + '/delete/id/');
+      }
+    });
+  }
+
+</script>
+<form action="<!--POST_URL-->" method="post" id="widget_list_administration">
+  <h1 style="font-size:24;"><!--TITLE--></h1><div class="horizontal_rule"></div>
+  <h3>Get started quickly by selecting the features you need for this list</h3>
+  <table>
+    <!--BUTTON SECTION-->
+      <tr id="sections" <!--BUTTON_CSS-->>
+        <td colspan="3">
+          <h3><!--BUTTONS--></h3>
+        </td>
+      </tr>
+
+    <!--START SECTION-->
+
+      <!--EDIT_OR_ADD_NEW-->
+
+      <tr class="start" <!--START_CSS-->>
+        <td>
+          <h3>Primary Connection?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="primaryDatabase" id="primaryDatabase" value="1" <!--PRIMARY_CHECKED-->/>
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+
+      <tr class="start" <!--START_CSS-->>
+        <td>
+          <h3>Desired Controller Location:</h3>
+        </td>
+        <td>
+          <input type="text" onblur="ChangeController(this);" name="desiredController" id="desiredController" value="<!--CONTROLLER_VALUE-->"/>
+          <input type="hidden" name="desiredControllerOriginal" id="desiredControllerOriginal" value="<!--CONTROLLER_VALUE-->"/>
+        </td>
+        <td>
+          <!--CONTROLLER_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="start" <!--START_CSS-->>
+        <td>
+          <h3>Desired Action:</h3>
+        </td>
+        <td>
+          <input type="text" name="desiredAction" id="desiredAction" value="<!--ACTION_VALUE-->"/>
+        </td>
+        <td>
+          <!--ACTION_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="start" <!--START_CSS-->>
+        <td>
+          <h3>Internal Name:</h3>
+        </td>
+        <td>
+          <input type="text" name="name" id="name" value="<!--NAME_VALUE-->"/>
+        </td>
+        <td>
+          <!--NAME_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="start" <!--START_CSS-->>
+        <td>
+          <h3>Model:</h3>
+        </td>
+        <td>
+          <select name="view" id="view" onchange="ChangeViewModel(this)">
+            <!--VIEW_OPTIONS-->
+          </select>
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+      <tr class="start" <!--START_CSS-->>
+        <td>
+          <h3>Title:</h3>
+        </td>
+        <td>
+          <input type="text" name="title" id="title" value="<!--TITLE_VALUE-->"/>
+        </td>
+        <td>
+          <!--TITLE_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="start" <!--START_CSS-->>
+        <td>
+          <h3>Initial Description:</h3>
+        </td>
+        <td>
+          <input type="text" name="listDescription" id="listDescription" value="<!--DESC_VALUE-->"/>
+        </td>
+        <td>
+          <!--DESC_HELP_BUTTON-->
+        </td>
+      </tr>
+
+    <!--FIELDS SECTION-->
+      <tr class="fields" style="display:none;">
+        <td>
+          <h3>Allow Sorting?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="useSort" id="useSort" value="1" <!--SORTING_CHECKED-->/>
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+
+      <tr class="fields" style="display:none;">
+        <td>
+          <h3>No Data Message:</h3>
+        </td>
+        <td>
+          <input type="text" name="noDataMessage" id="noDataMessage" value="<!--NO_DATA_VALUE-->"/>
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+
+      <tr class="fields" style="display:none;">
+        <td colspan="3">
+          <h1>Field Selection:</h1>
+          <script type="text/plain" id="default_field_template">
+            <!--FIELD_TEMPLATE-->
+          </script>
+          <table style="margin-left:75px;" id="field_table">
+            <!--ALL_FIELDS-->
+          </table>
+          <table style="margin-left:75px;">
+            <tr>
+              <td colspan="3">
+                 <!--ADD_FIELD_BUTTON-->
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+      <tr class="fields" style="display:none;">
+        <td style="width:300px;">
+          <h3>Hidden Fields?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="showHidden" onchange="ShowHiddenOptions();" id="showHidden" value="1" <!--SHOW_HIDDEN_CHECKED-->/>
+        </td>
+        <td>
+          <!--HIDDEN_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="fields hidden_fields_dependent" style="display:none;">
+
+        <td colspan="3">
+          <h1 style="margin-left: 75px;">Hidden Field Selection:</h1>
+          <script type="text/plain" id="default_hidden_field_template">
+            <!--HIDDEN_FIELD_TEMPLATE-->
+          </script>
+          <table style="margin-left:150px;" id="hidden_field_table">
+            <!--ALL_HIDDEN_FIELDS-->
+          </table>
+          <table style="margin-left:150px;">
+            <tr>
+              <td colspan="3">
+                <!--ADD_HIDDEN_FIELD_BUTTON-->
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+      <tr class="fields" style="display:none;">
+        <td style="width:300px;">
+          <h3>Field Function?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="fieldFunctionOn" onchange="ShowFunctionOptions();" id="fieldFunctionOn" value="1" <!--SHOW_FUNCTION_CHECKED-->/>
+        </td>
+        <td>
+          <!--FUNC_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="fields function_dependent" style="display:none;">
+        <td colspan="3">
+          <h1 style="margin-left: 75px;">Field Functions To Wrap Around Fields:</h1>
+          <script type="text/plain" id="default_field_function_template">
+            <!--FIELD_FUNCTION_TEMPLATE-->
+          </script>
+          <table style="margin-left:150px;" id="field_function_table">
+            <!--ALL_FIELD_FUNCTIONS-->
+          </table>
+          <table style="margin-left:150px;">
+            <tr>
+              <td colspan="3">
+                <!--ADD_FIELD_FUNCTION_BUTTON-->
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+      <!--ROWS SECTION-->
+      <tr class="rows" style="display:none;">
+        <td>
+          <h3>Row Limit</h3>
+        </td>
+        <td>
+          <input type="text" name="rowLimit" id="rowLimit" value="<!--ROW_LIMIT_VALUE-->"/>
+        </td>
+        <td>
+          <!--ROW_HELP_BUTTON-->
+        </td>
+      </tr>
+
+
+
+      <tr class="rows" style="display:none;">
+        <td style="width:300px;">
+          <h3>Row Buttons?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="rowButtonsOn" onchange="ShowButtonOptions();" id="rowButtonsOn" value="1" <!--BUTTONS_ON_CHECKED-->/>
+        </td>
+        <td>
+          <!--BUTTON_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="rows button_dependent" style="display:none;">
+        <td colspan="3">
+          <table style="margin-left:75px;">
+            <tr>
+              <td>
+                <h3>Row Button Column Name</h3>
+              </td>
+              <td>
+                <input type="text" name="rowButtonsName" id="rowButtonsName" value="<!--BUTTON_NAME_VALUE-->"/>
+              </td>
+              <td>
+                &#160;
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+      <tr class="rows button_dependent" style="display:none;">
+        <td colspan="3">
+          <h1  style="margin-left:75px;">Buttons:</h1>
+          <script type="text/plain" id="default_button_template">
+            <!--THE_BUTTON_TEMPLATE-->
+          </script>
+          <table style="margin-left:150px;" id="button_table">
+            <!--ALL_BUTTONS-->
+          </table>
+          <table style="margin-left:150px;">
+            <tr>
+              <td colspan="3">
+                <!--ADD_THE_BUTTON_BUTTON-->
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+
+
+
+    <tr class="rows" style="display:none;">
+      <td style="width:300px;">
+        <h3>Drill Down Columns?:</h3>
+      </td>
+      <td>
+        <input type="checkbox" name="drillDownsOn" onchange="ShowDrillDownOptions();" id="drillDownsOn" value="1" <!--DRILL_DOWN_CHECKED-->/>
+      </td>
+      <td>
+        <!--DRILL_DOWN_HELP_BUTTON-->
+      </td>
+    </tr>
+
+    <tr class="rows drill_down_dependent" style="display:none;">
+      <td colspan="3">
+        <script type="text/plain" id="default_drill_down_template">
+          <!--THE_DRILL_DOWN_TEMPLATE-->
+        </script>
+        <table style="margin-left:150px;" id="drill_down_table">
+          <!--ALL_DRILL_DOWNS-->
+        </table>
+        <table style="margin-left:150px;">
+          <tr>
+            <td colspan="3">
+              <!--ADD_DRILL_DOWN_BUTTON-->
+            </td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+
+
+    <!--SEARCH SECTION-->
+      <tr class="search" style="display:none;">
+        <td style="width:300px;">
+          <h3>Show Search?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="showSearch" onchange="ShowSearchOptions(function() {ShowGroupingOptions();})" id="showSearch" value="1" <!--SHOW_SEARCH_CHECKED-->/>
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+
+      <tr class="search search_dependent" style="display:none;">
+        <td style="width:300px;">
+          <h3>Show Export Button?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="showExport" onchange="ShowExportOptions();" id="showExport" value="1" <!--SHOW_EXPORT_CHECKED-->/>
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+
+      <tr class="search search_dependent export_dependent" style="display:none;">
+        <td colspan="3">
+          <table style="margin-left:75px;">
+            <tr>
+              <td>
+                <h3>Export Button Title:</h3>
+              </td>
+              <td>
+                <input type="text" name="exportButtonTitle" id="exportButtonTitle" value="<!--EXPORT_VALUE-->"/>
+              </td>
+              <td>
+                &#160;
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+      <tr class="search search_dependent" style="display:none;">
+        <td>
+          <h3>Search Description/Title:</h3>
+        </td>
+        <td>
+          <input type="text" name="searchTitle" id="searchTitle" value="<!--SEARCH_TITLE-->"/>
+        </td>
+        <td>
+          <!--SEARCH_TITLE_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="search search_dependent" style="display:none;">
+        <td>
+          <h3>Use Ransack Advanced Search?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="useRansack" onchange="ShowRansackOptions()" id="useRansack" value="1" <!--USE_RANSACK-->/>
+        </td>
+        <td>
+          <!--RANSACK_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="search search_dependent ransack_dependent" style="display:none;">
+        <td colspan="3">
+          <table style="margin-left:75px;">
+            <tr>
+              <td>
+                <h3>Customized Ransack Form?:</h3>
+              </td>
+              <td>
+                <input type="checkbox" name="ransackAdvancedForm" id="ransackAdvancedForm" value="1" <!--USE_RANSACK_ADV-->/>
+              </td>
+              <td>
+                <!--ADV_RANSACK_HELP_BUTTON-->
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+      <tr class="search search_dependent" style="display:none;">
+        <td>
+          <h3>Use Grouping?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="useGrouping" onchange="ShowGroupingOptions()" id="useGrouping" value="1" <!--USE_GROUPING-->/>
+        </td>
+        <td>
+          <!--GROUP_BY_HELP_BUTTON-->
+        </td>
+      </tr>
+
+      <tr class="search search_dependent grouping_dependent" style="display:none;">
+        <td colspan="3">
+          <h1  style="margin-left: 75px;">Custom Items To Group By:</h1>
+          <table>
+            <tr>
+              <td>
+                <script type="text/plain" id="default_grouping_template">
+                   <!--DEFAULT_GROUPING-->
+                </script>
+                <table  style="margin-left:150px;" id="grouping_table">
+                  <!--GROUPING_ITEMS-->
+                </table>
+                <table style="margin-left:150px;">
+                  <tr>
+                    <td colspan="3">
+                      <!--ADD_GROUP_BY_BUTTON-->
+                    </td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+
+          <table style="margin-left:150px;">
+            <tr>
+              <td colspan="3">
+                <!--ADD_GROUPING_BUTTON-->
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+
+    <!--FOOTER SECTION-->
+    <tr class="footer" style="display:none;">
+      <td style="width:300px;">
+        <h3>Build Customized Footer?:</h3>
+      </td>
+      <td>
+        <input type="checkbox" name="footerOn" onchange="ShowFooterOptions();" id="footerOn" value="1" <!--FOOTER_CHECKED-->/>
+      </td>
+      <td>
+
+      </td>
+    </tr>
+    <tr class="footer footer_dependent" style="display:none;">
+      <td colspan="3">
+        <h1  style="margin-left:75px;">Footer Buttons:</h1>
+        <script type="text/plain" id="default_footer_template">
+          <!--FOOTER_BUTTON_TEMPLATE-->
+        </script>
+        <table style="margin-left:150px;" id="footer_table">
+          <!--ALL_FOOTER_BUTTONS-->
+        </table>
+        <table style="margin-left:150px;">
+          <tr>
+            <td colspan="3">
+              <!--ADD_THE_FOOTER_BUTTON-->
+            </td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+
+    <tr class="footer" style="display:none;">
+      <td style="width:300px;">
+        <h3>Show Pagination?:</h3>
+      </td>
+      <td>
+        <input type="checkbox" name="showPagination" id="showPagination" value="1" <!--PAGINATION_CHECKED-->/>
+      </td>
+      <td>
+
+      </td>
+    </tr>
+
+    <!--MISC & SUBMIT SECTION-->
+
+      <tr class="misc_submit" style="display:none;">
+        <td style="width:300px;">
+          <h3>Add Row Checkbox?:</h3>
+        </td>
+        <td>
+          <input type="checkbox" name="checkboxEnabled" onchange="ShowCheckboxOptions();" id="checkboxEnabled" value="1" <!--SHOW_CHECKBOX_CHECKED-->/>
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+
+      <tr class="misc_submit checkbox_dependent" style="display:none;">
+        <td colspan="3">
+          <table style="margin-left:75px;">
+            <tr>
+              <td>
+                <h3>Checkbox Value:</h3>
+              </td>
+              <td>
+                <select name="checkboxField" id="checkboxField">
+                  <!--CHECKBOX_SELECTED_FIELDS-->
+                </select>
+              </td>
+              <td>
+                <!--CHECK_HELP_BUTTON-->
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+      <tr class="misc_submit"  style="display:none;" >
+        <td>
+          <h3>Submit:</h3>
+        </td>
+        <td>
+          <!--SUBMIT_WIDGET_LIST-->
+        </td>
+        <td>
+          &#160;
+        </td>
+      </tr>
+
+      <tr>
+        <td colspan="3">
+          <iframe src="" id="preview"></iframe>
+        </td>
+      </tr>
+
+  </table>
 </form>