write new position field to mimic the one used in com_modules

core/fields/position.php

@@ -0,0 +1,37 @@
+<?php
+defined('JPATH_BASE') or die();
+
+jimport('joomla.html.html');
+jimport('joomla.form.formfield');
+
+class JFormFieldPosition extends JFormField {
+    protected $type = "position";
+
+    protected function getInput() {
+        require_once JPATH_ADMINISTRATOR . '/components/com_modules/helpers/modules.php';
+        JHtml::addIncludePath(JPATH_ADMINISTRATOR . '/components/com_modules/helpers/html');
+        $language = JFactory::getLanguage();
+        $language->load('com_modules', JPATH_ADMINISTRATOR);
+
+        $clientId       = 0;
+        $state          = 1;
+        $selectedPosition = $this->value;
+        $positions = JHtml::_('modules.positions', $clientId, $state, $selectedPosition);
+
+
+        // Add custom position to options
+        $customGroupText = JText::_('COM_MODULES_CUSTOM_POSITION');
+
+        // Build field
+        $attr = array(
+            'id'          => $this->id,
+            'list.select' => $this->value,
+            'list.attr'   => 'class="chzn-custom-value input-xlarge" '
+            . 'data-custom_group_text="' . $customGroupText . '" '
+            . 'data-no_results_text="' . JText::_('COM_MODULES_ADD_CUSTOM_POSITION') . '" '
+            . 'data-placeholder="' . JText::_('COM_MODULES_TYPE_OR_SELECT_POSITION') . '" '
+        );
+
+        return JHtml::_('select.groupedlist', $positions, $this->name, $attr);
+    }
+}

templateDetails.xml

@@ -71,7 +71,7 @@
                 </field>
                 <field
                     name="logoPosition"
-                    type="moduleposition"
+                    type="position"
                     label="DZ_FIELD_LOGO_POSITION_LABEL"
                     description="DZ_FIELD_LOGO_POSITION_DESC"
                     />
@@ -262,23 +262,23 @@
                 <field
                     name="responsive-767px-max"
                     label="DZ_FIELD_RESPONSIVE_767MAX_LABEL"
-                    type="radio"
+                    type="radio" class="btn-group"
                     default="1">
                     <option value="0">DZ_NO</option>
                     <option value="1">DZ_YES</option>
                 </field>
                 <field
                     name="responsive-768px-979px"
                     label="DZ_FIELD_RESPONSIVE_768-979_LABEL"
-                    type="radio"
+                    type="radio" class="btn-group"
                     default="1">
                     <option value="0">DZ_NO</option>
                     <option value="1">DZ_YES</option>
                 </field>
                 <field
                     name="responsive-1200px-min"
                     label="DZ_FIELD_RESPONSIVE_1200MIN_LABEL"
-                    type="radio"
+                    type="radio" class="btn-group"
                     default="1">
                     <option value="0">DZ_NO</option>
                     <option value="1">DZ_YES</option>