diff --git a/web/ajax/modals/settings.php b/web/ajax/modals/settings.php
index 59d19ddbb..d2e27a3b4 100644
--- a/web/ajax/modals/settings.php
+++ b/web/ajax/modals/settings.php
@@ -1,11 +1,11 @@
 <?php
-if ( !canView('Control') ) return;
+if (!canView('Control')) return;
 
 $monitor = ZM\Monitor::find_one(array('Id'=>$_REQUEST['mid']));
 
 $zmuCommand = getZmuCommand(' -m '.escapeshellarg($_REQUEST['mid']).' -B -C -H -O');
 $zmuOutput = exec( $zmuCommand );
-if ( $zmuOutput ) {
+if ($zmuOutput) {
   list($brightness, $contrast, $hue, $colour) = explode(' ', $zmuOutput);
 
   $monitor->Brightness($brightness);
@@ -13,7 +13,6 @@ if ( $zmuOutput ) {
   $monitor->Hue($hue);
   $monitor->Colour($colour);
 }
-
 ?>
 <div class="modal" id="settingsModal" tabindex="-1">
   <div class="modal-dialog">
@@ -35,22 +34,79 @@ if ( $zmuOutput ) {
         <input type="hidden" name="mid" value="<?php echo validInt($_REQUEST['mid']) ?>"/>
         <table id="contentTable" class="major">
           <tbody>
+<?php
+$ctls = shell_exec('v4l2-ctl -d '.$monitor->Device().' --list-ctrls');
+$ctls = trim($ctls);
+$ctls = explode("\n", $ctls);
+
+foreach ($ctls as $line) {
+  $ctl = explode(':', $line);
+  $type_info = explode(' ', trim($ctl[0]));
+
+  $setting = trim($type_info[0]);
+  if ($setting == 'saturation')
+    $setting = 'colour';
+  $setting_uc = ucwords($setting);
+  $type = $type[2];
+
+  $min = '';
+  $max = '';
+  $step = '';
+  $value = '';
+  $default = '';
+
+  # The purpose is security
+  foreach (explode(' ', trim($ctl[1])) as $index=>$prop) {
+    list($key,$val) = explode('=', $prop);
+
+    // get current value
+    if ($key == 'value') {
+      $value = validInt($val);
+    } else if ($key == 'default') {
+      $default = validInt($val);
+    } else if ($key == 'min') {
+      $min = validInt($val);
+    } else if ($key == 'max') {
+      $max = validInt($val);
+    } else if ($key == 'step') {
+      $step = validInt($val);
+    }
+  }
+
+  if ($setting == 'brightness' or $setting == 'colour' or $setting == 'contrast' or $setting == 'hue') {
+    echo '
             <tr>
-              <th scope="row"><?php echo translate('Brightness') ?></th>
-              <td><input type="number" name="newBrightness" value="<?php echo $monitor->Brightness() ?>" <?php if ( !canView( 'Control' ) ) { ?> disabled="disabled"<?php } ?> /></td>
+              <th scope="row">'.translate($setting_uc).'</th>
+              <td>'.$min.'</td><td><input type="range" title="'.$value.'" min="'.$min.'" max="'.$max.'" step="'.$step.'" default="'.$default.'" value="'.$value.'" id="new'.$setting_uc.'" name="new'.$setting_uc.'" '.(canEdit('Control') ? '' : 'disabled="disabled"') .'/></td><td>'.$max.'</td>
             </tr>
+';
+  } else {
+    if ($type == '(bool)') {
+    echo '
             <tr>
-              <th scope="row"><?php echo translate('Contrast') ?></th>
-              <td><input type="number" name="newContrast" value="<?php echo $monitor->Contrast() ?>" <?php  echo canView('Control') ? '' : ' disabled="disabled"' ?> /></td>
+              <th scope="row">'.translate($setting_uc).'</th>
+              <td></td><td>'.html_radio('new'.$setting_uc, array('0'=>translate('True'), '1', translate('False')), $value, array('disabled'=>'disabled')).'
+              </td><td></td>
             </tr>
+';
+    } else if ($type == '(int)') {
+    echo '
             <tr>
-              <th scope="row"><?php echo translate('Hue') ?></th>
-              <td><input type="number" name="newHue" value="<?php echo $monitor->Hue() ?>" <?php echo canView('Control') ? '' : ' disabled="disabled"' ?> /></td>
+              <th scope="row">'.translate($setting_uc).'</th>
+              <td></td><td><input type="range" '.$ctl[1].' disabled="disabled"/></td><td></td>
             </tr>
+';
+    } else {
+    echo '
             <tr>
-              <th scope="row"><?php echo translate('Colour') ?></th>
-              <td><input type="number" name="newColour" value="<?php echo $monitor->Colour() ?>" <?php echo canView('Control') ? '' : ' disabled="disabled"' ?> /></td>
+              <th scope="row">'.translate($setting_uc).'</th>
+              <td></td><td>'.$value.'</td><td></td>
             </tr>
+';
+    }
+  }
+} # end foreach ctrl
+?>
           </tbody>
         </table>
       </div>