public function get_value()
 {
     $value = parent::get_value();
     if (is_array($value) && isset($value[0])) {
         return $value[0];
     } else {
         return $value;
     }
 }
 public function get_value()
 {
     $value = parent::get_value();
     if (is_string($value)) {
         // because string is array always
         return $value;
     } else {
         return isset($this->field->values) ? $this->field->values : '';
     }
 }
 public function get_value()
 {
     $value = parent::get_value();
     if (is_array($value)) {
         return isset($this->field->values) ? $this->field->values : '';
     } else {
         return $value;
     }
 }
    public static function render_settings()
    {
        ?>

		<script id="input-text" type="text/x-jquery-tmpl">

			<?php 
        do_action(self::$type_slug . '_before_render_settings');
        ?>

		    <div class="settings-container">
		        <label class="settings-title">
		            <?php 
        echo __('Values', 'framework');
        ?>
:
		            <br><span class="settings-title-caption"></span>
		        </label>
		        <div class="settings-in">
		            <input name="values" value="${values}" class="settings-input" type="text">
		        </div>
		        <div class="clear"></div>
		    </div>

		    <div class="settings-container">
		        <label class="settings-title">
		            <?php 
        echo __('Required', 'framework');
        ?>
:
		            <br><span class="settings-title-caption"></span>
		        </label>
		        <div class="settings-in">

		            <label>
		                {{if required == 'Yes'}}
		                <input data-set="required" name="required" value="Yes" checked="true" type="checkbox">
		                {{else}}
		                <input data-set="required" name="required" value="Yes" type="checkbox">
		                {{/if}}
		                <?php 
        echo __('Yes', 'framework');
        ?>
		            </label>

		            <span class="settings-field-caption"><?php 
        echo __('Is this a required field?', 'framework');
        ?>
</span><br>

		            <input data-set="requiredMessage" name="requiredMessage" value="${requiredMessage}" type="text">

		            <span class="settings-field-caption"><?php 
        echo __('Optional. Enter a custom error message.', 'framework');
        ?>
</span>
		        </div>
		        <div class="clear"></div>
		    </div>
		    <div class="settings-container">
		        <label class="settings-title">
		            <?php 
        echo __('Validation', 'framework');
        ?>
:
		            <br><span class="settings-title-caption"></span>
		        </label>
		        <div class="settings-in">

		            <select data-set="validation" name="validation" class="settings-select">
		                <option {{if validation == ''}} selected="true" {{/if}} value=""><?php 
        echo __('None', 'framework');
        ?>
</option>
		                <option {{if validation == 'url'}} selected="true" {{/if}} value="url"><?php 
        echo __('Url', 'framework');
        ?>
</option>
		                <option {{if validation == 'email'}} selected="true" {{/if}} value="email"><?php 
        echo __('Email', 'framework');
        ?>
</option>
		                <option {{if validation == 'alpha_only'}} selected="true" {{/if}} value="alpha_only"><?php 
        echo __('Alpha', 'framework');
        ?>
</option>
		                <option {{if validation == 'alpha_num_only'}} selected="true" {{/if}} value="alpha_num_only"><?php 
        echo __('Alpha num', 'framework');
        ?>
</option>
		                <option {{if validation == 'num_only'}} selected="true" {{/if}} value="num_only"><?php 
        echo __('Numeric', 'framework');
        ?>
</option>
		            </select>

		        </div>
		        <div class="clear"></div>
		    </div>
		    

		    <div class="settings-container">
		        <label class="settings-title">
		            <br><span class="settings-title-caption"></span>
		        </label>
		        <div class="settings-in">

		            <input type="text" name="validationMessage" value="${validationMessage}" />

		            <span class="settings-field-caption"><?php 
        _e('Optional. Validation error message.', 'framework');
        ?>
:</span>

		        </div>
		        <div class="clear"></div>

		    </div>

		    <div class="settings-container">
		    	<label class="settings-title">
		            <?php 
        echo __('Repeating', 'framework');
        ?>
:
		        </label>
		        <div class="settings-in">
		        	<label> 
	                	{{if repeating == 'Yes'}}
		                	<input data-set="repeating" name="repeating" value="Yes" checked="true" type="checkbox">
		                {{else}}
		                	<input data-set="repeating" name="repeating" value="Yes" type="checkbox">
		                {{/if}}
		                <?php 
        echo __('Yes', 'framework');
        ?>
	                </label>
	                <span class="settings-field-caption"><?php 
        echo __('Can this field repeat with multiple values?', 'framework');
        ?>
</span>
		        </div>
		        <div class="clear"></div>
		    </div>

		    <?php 
        parent::render_conditional_display();
        ?>
		    <?php 
        do_action(self::$type_slug . '_after_render_settings');
        ?>

		</script>

	<?php 
    }
    public static function render_settings()
    {
        ?>
		<script id="font-select-type" type="text/x-jquery-tmpl">

		<?php 
        do_action(self::$type_slug . '_before_render_settings');
        ?>

		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('CSS Class', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
			</label>
			<div class="settings-in">
				<input data-set="cssClass" name="cssClass" value="${cssClass}" class="settings-input" type="text">			
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Family', 'framework');
        ?>
:
			</label>
			<div class="settings-in">
				<input data-set="family" name="family" value="{{if family == ''}}Open Sans{{else}}${family}{{/if}}" type="text" />
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Weight', 'framework');
        ?>
:
			</label>
			<div class="settings-in">
				<input data-set="weight" name="weight" value="{{if weight == ''}}bold{{else}}${weight}{{/if}}" type="text" />
				<span class="settings-field-caption"><?php 
        echo __('normal, bold, 300, 600, 800', 'framework');
        ?>
</span>
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Size', 'framework');
        ?>
:
			</label>
			<div class="settings-in">
				<input data-set="size" name="size" value="{{if size == '' }}32px{{else}}${size}{{/if}}" type="text" />
				<span class="settings-field-caption"><?php 
        echo __('12, 24px, 1em, 1.75', 'framework');
        ?>
</span>
			</div>
			<div class="clear"></div>
		</div>
		
		<?php 
        parent::render_conditional_display();
        ?>
		<?php 
        do_action(self::$type_slug . '_after_render_settings');
        ?>

	    </script>
	<?php 
    }
    public static function render_settings()
    {
        ?>

		<script id="range-slider-type" type="text/x-jquery-tmpl">

		    <?php 
        do_action(self::$type_slug . '_before_render_settings');
        ?>

		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('CSS Class', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
			</label>
			<div class="settings-in">

				<input data-set="cssClass" name="cssClass" value="${cssClass}" class="settings-input" type="text">
			
			</div>
			<div class="clear"></div>

		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Start', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
			</label>
			<div class="settings-in">
				<input data-set="startFirstEntry" name="startFirstEntry" value="${startFirstEntry}" type="text" />
				<span class="settings-field-caption"><?php 
        echo __('First handle start position.', 'framework');
        ?>
</span>
				<input data-set="startSecondEntry" name="startSecondEntry" value="${startSecondEntry}" type="text" />
				<span class="settings-field-caption"><?php 
        echo __('Second handle start position. (optional)', 'framework');
        ?>
</span>
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Range min', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
			</label>
			<div class="settings-in">
				<input data-set="rangeMin" name="rangeMin" value="${rangeMin}" type="text" />
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Range max', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
			</label>
			<div class="settings-in">
				<input data-set="rangeMax" name="rangeMax" value="${rangeMax}" type="text" />
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Connect', 'framework');
        ?>
:
			</label>
			<div class="settings-in">
				<select data-set="connect" name="connect" class="settings-select">
					<option {{if connect == '' || connect == 'false'}} selected="true" {{/if}} value="false"><?php 
        echo __('False', 'framework');
        ?>
</option>
					<option {{if connect == 'true'}} selected="true" {{/if}} value="true"><?php 
        echo __('True', 'framework');
        ?>
</option>
				</select>
			</div>
			<div class="clear"></div>
		</div>

		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Margin', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
			</label>
			<div class="settings-in">
				<input data-set="margin" name="margin" value="${margin}" type="text" />
				<span class="settings-field-caption"><?php 
        echo __('When using two handles, the minimum distance between the handles can be set using the margin option', 'framework');
        ?>
</span>
			</div>
			<div class="clear"></div>
		</div>

		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Step', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
			</label>
			<div class="settings-in">
				<input data-set="step" name="step" value="${step}" type="text" />
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Orientation', 'framework');
        ?>
:
			</label>
			<div class="settings-in">
				<select data-set="orientation" name="orientation" class="settings-select">
					<option {{if orientation == '' || orientation == 'horizontal'}} selected="true" {{/if}} value="horizontal"><?php 
        echo __('Horizontal', 'framework');
        ?>
</option>
					<option {{if orientation == 'vertical'}} selected="true" {{/if}} value="vertical"><?php 
        echo __('Vertical', 'framework');
        ?>
</option>
				</select>
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="settings-container">
			<label class="settings-title">
				<?php 
        echo __('Direction', 'framework');
        ?>
:
			</label>
			<div class="settings-in">
				<select data-set="direction" name="direction" class="settings-select">
					<option {{if direction == '' || direction == 'ltr'}} selected="true" {{/if}} value="ltr"><?php 
        echo __('Left-to-right', 'framework');
        ?>
</option>
					<option {{if direction == 'rtl'}} selected="true" {{/if}} value="rtl"><?php 
        echo __('Right-to-left', 'framework');
        ?>
</option>
				</select>
			</div>
			<div class="clear"></div>
		</div>

		<?php 
        parent::render_conditional_display();
        ?>
		
		<?php 
        do_action(self::$type_slug . '_after_render_settings');
        ?>

	    </script>

	<?php 
    }
    public static function render_settings()
    {
        ?>

	<script id="checkbox-type" type="text/x-jquery-tmpl">

	<?php 
        do_action(self::$type_slug . '_before_render_settings');
        ?>

    <div class="settings-container">
        <label class="settings-title">
            <?php 
        echo __('Values', 'framework');
        ?>
:
            <br><span class="settings-title-caption"></span>
        </label>
        <div class="settings-in">

            <textarea data-set="values" name="values" class="settings-textarea checkbox-type" id="settings-values">${values}</textarea>

        </div>
        <div class="clear"></div>

    </div>

    <div class="settings-container">
        <label class="settings-title">
            <?php 
        echo __('Required', 'framework');
        ?>
:        
            <br><span class="settings-title-caption"></span>
        </label>
        <div class="settings-in">

            <label>
                {{if required == 'true'}}
                <input data-set="required" name="required" value="true" checked="true" type="checkbox">
                {{else}}
                <input data-set="required" name="required" value="true" type="checkbox">
                {{/if}}
                <?php 
        echo __('Yes', 'framework');
        ?>
            </label>

            <span class="settings-field-caption"><?php 
        echo __('Is this a required field?', 'framework');
        ?>
</span><br>

            <input data-set="requiredMessage" name="requiredMessage" value="${requiredMessage}" type="text">

            <span class="settings-field-caption"><?php 
        echo __('Optional. Enter a custom error message.', 'framework');
        ?>
</span>

        </div>
        <div class="clear"></div>
    </div>

    <!-- Repeating settings -->
    <div class="settings-container">
    	<label class="settings-title">
            <?php 
        echo __('Repeating', 'framework');
        ?>
:
        </label>
        <div class="settings-in">
        	<label> 
            	{{if repeating == 'Yes'}}
                	<input data-set="repeating" name="repeating" value="Yes" checked="true" type="checkbox">
                {{else}}
                	<input data-set="repeating" name="repeating" value="Yes" type="checkbox">
                {{/if}}
                <?php 
        echo __('Yes', 'framework');
        ?>
            </label>
            <span class="settings-field-caption"><?php 
        echo __('Can this field repeat with multiple values?', 'framework');
        ?>
</span>
        </div>
        <div class="clear"></div>
    </div>

	<?php 
        parent::render_conditional_display();
        ?>
    <?php 
        do_action(self::$type_slug . '_after_render_settings');
        ?>

</script>

	<?php 
    }
    public static function render_settings()
    {
        ?>

		<script id="code-editor-type" type="text/x-jquery-tmpl">

		    <?php 
        do_action(self::$type_slug . '_before_render_settings');
        ?>

		<div class="settings-container">
		    <label class="settings-title">
				<?php 
        echo __('Values', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">

				<textarea data-set="values" name="values" class="settings-textarea">${values}</textarea>

		    </div>
		    <div class="clear"></div>

		</div>

		<div class="settings-container">
		    <label class="settings-title">
				<?php 
        echo __('Required', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">

				<label>
				    {{if required == 'true'}}
				    <input data-set="required" name="required" value="true" checked="true" type="checkbox">
				    {{else}}
				    <input data-set="required" name="required" value="true" type="checkbox">
				    {{/if}}
				    <?php 
        echo __('Yes', 'framework');
        ?>
				</label>

				<span class="settings-field-caption"><?php 
        echo __('Is this a required field?', 'framework');
        ?>
</span><br>

				<input data-set="requiredMessage" name="requiredMessage" value="${requiredMessage}" type="text">

				<span class="settings-field-caption"><?php 
        echo __('Optional. Enter a custom error message.', 'framework');
        ?>
</span>

		    </div>
		    <div class="clear"></div>

		</div>

		<div class="settings-container">
		    <label class="settings-title">
				<?php 
        echo __('CSS Class', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">

				<input data-set="cssClass" name="cssClass" value="${cssClass}" class="settings-input" type="text">

		    </div>
		    <div class="clear"></div>

		</div>
		
		<div class="settings-container">
		    <label class="settings-title">
				<?php 
        echo __('Width', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">

			<input data-set="editorWidth" name="editorWidth" value="${editorWidth}" class="settings-input" type="text">

		    </div>
		    <div class="clear"></div>

		</div>
		
		<div class="settings-container">
		    <label class="settings-title">
				<?php 
        echo __('Height', 'framework');
        ?>
:
				<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">

			<input data-set="editorHeight" name="editorHeight" value="${editorHeight}" class="settings-input" type="text">

		    </div>
		    <div class="clear"></div>

		</div>

		<div class="settings-container">
		    <label class="settings-title">
			<?php 
        echo __('Code editor type', 'framework');
        ?>
:
			<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">
			
			<select name="editorType">
				<option {{if editorType == "default"}} selected="true" {{/if}} value="default"><?php 
        echo __('Default', 'framework');
        ?>
</option>
				<option {{if editorType == "ace"}} selected="true" {{/if}} value="ace"><?php 
        echo __('ACE', 'framework');
        ?>
</option>
			</select>
			
		    </div>
		    <div class="clear"></div>
		</div>
		
		<div class="settings-container">
		    <label class="settings-title">
			<?php 
        echo __('Editor language', 'framework');
        ?>
:
			<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">
			
			<select name="editorLanguage">
				<option {{if editorLanguage == "javascript"}} selected="true" {{/if}} value="javascript">JavaScript</option>
				<option {{if editorLanguage == "css"}} selected="true" {{/if}} value="css">CSS</option>
			</select>
			
		    </div>
		    <div class="clear"></div>
		</div>
		
		<div class="settings-container">
		    <label class="settings-title">
			<?php 
        echo __('Enable Vim keys', 'framework');
        ?>
:
			<br><span class="settings-title-caption"></span>
		    </label>
		    <div class="settings-in">
			
			<label>
			    {{if enableVim == 'true'}}
			    <input data-set="enableVim" name="enableVim" value="true" checked="true" type="checkbox">
			    {{else}}
			    <input data-set="enableVim" name="enableVim" value="true" type="checkbox">
			    {{/if}}
			    <?php 
        echo __('Yes', 'framework');
        ?>
			</label>
			
		    </div>
		    <div class="clear"></div>
		</div>

		<?php 
        parent::render_conditional_display();
        ?>
		<?php 
        do_action(self::$type_slug . '_after_render_settings');
        ?>

	    </script>

	<?php 
    }
 public function get_value()
 {
     $value = parent::get_value();
     if (is_array($value)) {
         $value = isset($this->field->values) ? $this->field->values : '';
     }
     if (strstr($value, '#') === false) {
         $value = '#' . $value;
     }
     return $value;
 }
    public static function render_settings()
    {
        ?>

		<script id="radio-buttons-image" type="text/x-jquery-tmpl">

			<?php 
        do_action(self::$type_slug . '_before_render_settings');
        ?>

		    <div class="settings-container">
		        <label class="settings-title">
		            <?php 
        echo __('Image size', 'framework');
        ?>
:
		            <br><span class="settings-title-caption"></span>
		        </label>
		        <div class="settings-in">
		            <select name="image_size" class="settings-select">
		                <option {{if image_size == ''}} selected="true" {{/if}} value=""><?php 
        echo __('Real size', 'framework');
        ?>
</option>
		                <option {{if image_size == '16'}} selected="true" {{/if}} value="16">16x16</option>
		                <option {{if image_size == '24'}} selected="true" {{/if}} value="24">24x24</option>
		                <option {{if image_size == '32'}} selected="true" {{/if}} value="32">32x32</option>
		                <option {{if image_size == '48'}} selected="true" {{/if}} value="48">48x48</option>
		                <option {{if image_size == '64'}} selected="true" {{/if}} value="64">64x64</option>
		                <option {{if image_size == '128'}} selected="true" {{/if}} value="128">128x128</option>
		            </select>
		        </div>
		        <div class="clear"></div>

		    </div>

		    <div class="settings-container">
		        <label class="settings-title">
		            <?php 
        echo __('Values', 'framework');
        ?>
:
		            <br><span class="settings-title-caption"></span>
		        </label>
		        <div class="settings-in">

		            <textarea data-set="values" name="values" class="settings-textarea radio-buttons-image-type">${values}</textarea>

		        </div>
		        <div class="clear"></div>

		    </div>

		    <div class="settings-container">
		        <label class="settings-title">
		            <?php 
        echo __('Required', 'framework');
        ?>
:
		            <br><span class="settings-title-caption"></span>
		        </label>
		        <div class="settings-in">

		            <label>
		                {{if required == 'true'}}
		                <input data-set="required" name="required" value="true" checked="true" type="checkbox">
		                {{else}}
		                <input data-set="required" name="required" value="true" type="checkbox">
		                {{/if}}
		                <?php 
        echo __('Yes', 'framework');
        ?>
		            </label>

		            <span class="settings-field-caption"><?php 
        echo __('Is this a required field?', 'framework');
        ?>
</span><br>

		            <input data-set="requiredMessage" name="requiredMessage" value="${requiredMessage}" type="text">

		            <span class="settings-field-caption"><?php 
        echo __('Optional. Enter a custom error message.', 'framework');
        ?>
</span>

		        </div>
		        <div class="clear"></div>

		    </div>

		    <!-- Repeating settings -->
		    <div class="settings-container">
		        <label class="settings-title">
		            <?php 
        echo __('Repeating', 'framework');
        ?>
:
		        </label>
		        <div class="settings-in">
		            <label> 
		                {{if repeating == 'Yes'}}
		                    <input data-set="repeating" name="repeating" value="Yes" checked="true" type="checkbox">
		                {{else}}
		                    <input data-set="repeating" name="repeating" value="Yes" type="checkbox">
		                {{/if}}
		                <?php 
        echo __('Yes', 'framework');
        ?>
		            </label>
		            <span class="settings-field-caption"><?php 
        echo __('Can this field repeat with multiple values?', 'framework');
        ?>
</span>
		        </div>
		        <div class="clear"></div>
		    </div>

			<?php 
        parent::render_conditional_display();
        ?>
		    <?php 
        do_action(self::$type_slug . '_after_render_settings');
        ?>

		</script>

	<?php 
    }