title: How to add a jquery ui slider to a PrestaShop module form
body: <p>I want to add a range slider on configuration page of my PrestaShop module. I've tried to do this using HelperForm class, but I just can't do this, if I write other type, for example 'textarea' or 'checkbox', it works fine, even with not really standard input types like 'color', but 'range' doesn't work </p>
  
  <pre><code>&lt;?php
  if (!defined('_PS_VERSION_'))
      exit;
  
  class icropper extends Module
  {
      public function __construct()
      {
          $this-&gt;name = 'icropper';
          $this-&gt;tab = 'front_office_features';
          $this-&gt;version = '1.0';
          $this-&gt;author = 'AppDev';
          $this-&gt;need_instance = 1;
          $this-&gt;ps_versions_compliancy = array('min' =&gt; '1.5', 'max' =&gt; _PS_VERSION_);
  
          parent::__construct();
  
          $this-&gt;displayName = $this-&gt;l('icropper');
          $this-&gt;description = $this-&gt;l('Module for Cropping Images');
  
          $this-&gt;confirmUninstall = $this-&gt;l('Are you sure you want to uninstall?');
  
          if (!Configuration::get('MYMODULE_NAME'))
              $this-&gt;warning = $this-&gt;l('No name provided');
      }
  
      public function install()
      {
          $filename = _PS_ROOT_DIR_.'/override/cropp.php';
          $ext = get_loaded_extensions();
          foreach($ext as $i)
          {
              if($i == "imagick") {
                  $imgck = $i;
                  break;
              }
          }
          if (!parent::install()) {
              return false;
          } elseif (!$imgck) {
              $this-&gt;context-&gt;controller-&gt;errors[] = $this-&gt;l('In your server does not installed Imagick library');
              return false;
          } elseif(file_exists($filename)) {
              $this-&gt;context-&gt;controller-&gt;errors[] = $this-&gt;l('File that override cropping 
              already exist, please delete it and replace file by yourself');
              return false;
          }else {
              //copy(__DIR__ . '/override/list_footer.tpl', _PS_ROOT_DIR_ . '/override/helpers/admin/templates/list');
          return true;
          }
  
      }
  
      public function uninstall()
      {
          if (!parent::uninstall())
              return false;
          return true;
      }
  
      public function getContent()
      {
          return $this-&gt;DisplayForm();
      }
  
      public function displayForm(){
          $fields_formm[0] = array(
              'form' =&gt; array(
                  'legend' =&gt; array(
                      'title' =&gt; $this-&gt;l('Header'),
                      'icon' =&gt; 'icon-file-text'
                  ),
                  'input' =&gt; array(
                      array(
                          'type' =&gt; '',
                          'name'=&gt; 'vania',
                          'min'=&gt;0,
                          'max'=&gt;100,
                          'step'=&gt;1
                      ),
                      'submit' =&gt; array(
                          'title' =&gt; $this-&gt;l('Generate')
                      )
  
                  )
              )
          );
  
          $helper = new HelperForm();
          $helper-&gt;show_toolbar = false;
          $helper-&gt;table = $this-&gt;table;
          $lang = new Language((int)Configuration::get('PS_LANG_DEFAULT'));
          $helper-&gt;default_form_language = 1;
  
  
          $this-&gt;fields_formm = array();
          $helper-&gt;submit_action = 'submitform';
          return $helper-&gt;generateForm(array($fields_formm[0]));
      }
  }
  ?&gt;
  </code></pre>