public function field_settings($position, $form_id)
{
//create settings on position 25 (right after Field Label)
if ($position == 25) {
?>
<li class="background_color_setting field_setting gform_setting_left_half">
<label for="field_signature_background_color">
<?php
_e('Background Color', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_background_color');
?>
</label>
<?php
GFFormDetail::color_picker('field_signature_background_color', 'SetSignatureBackColor');
?>
</li>
<li class="border_color_setting field_setting gform_setting_right_half">
<label for="field_signature_border_color">
<?php
_e('Border Color', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_border_color');
?>
</label>
<?php
GFFormDetail::color_picker('field_signature_border_color', 'SetSignatureBorderColor');
?>
</li>
<li class="border_width_setting field_setting gform_setting_left_half">
<label for="field_signature_border_width">
<?php
_e('Border Width', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_border_width');
?>
</label>
<select id="field_signature_border_width" onchange="SetSignatureBorderWidth(jQuery(this).val());">
<option value="0">None</option>
<option value="1">Small</option>
<option value="2">Medium</option>
<option value="3">Large</option>
</select>
</li>
<li class="border_style_setting field_setting gform_setting_right_half">
<label for="field_signature_border_style">
<?php
_e('Border Style', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_border_style');
?>
</label>
<select id="field_signature_border_style" onchange="SetSignatureBorderStyle(jQuery(this).val());">
<option>Dotted</option>
<option>Dashed</option>
<option>Groove</option>
<option>Ridge</option>
<option>Inset</option>
<option>Outset</option>
<option>Double</option>
<option>Solid</option>
</select>
</li>
<li class="pen_color_setting field_setting gform_setting_left_half">
<label for="field_signature_pen_color">
<?php
_e('Pen Color', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_pen_color');
?>
</label>
<?php
GFFormDetail::color_picker('field_signature_pen_color', 'SetSignaturePenColor');
?>
</li>
<li class="pen_size_setting field_setting gform_setting_right_half">
<label for="field_signature_pen_size">
<?php
_e('Pen Size', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_pen_size');
?>
</label>
<select id="field_signature_pen_size" onchange="SetSignaturePenSize(jQuery(this).val());">
<option value="1">Small</option>
<option value="2">Medium</option>
<option value="3">Large</option>
</select>
</li>
<?php
}
}
/**
* Add the custom settings for the Signature field to the Appearance tab.
*
* @param int $position The position the settings should be located at.
* @param int $form_id The ID of the form currently being edited.
*/
public function field_settings($position, $form_id)
{
if ($position == 0) {
?>
<li class="background_color_setting field_setting gform_setting_left_half">
<label for="field_signature_background_color" class="section_label">
<?php
esc_html_e('Background Color', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_background_color');
?>
</label>
<?php
GFFormDetail::color_picker('field_signature_background_color', 'SetSignatureBackColor');
?>
</li>
<li class="border_color_setting field_setting gform_setting_right_half">
<label for="field_signature_border_color" class="section_label">
<?php
esc_html_e('Border Color', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_border_color');
?>
</label>
<?php
GFFormDetail::color_picker('field_signature_border_color', 'SetSignatureBorderColor');
?>
</li>
<li class="border_width_setting field_setting gform_setting_left_half">
<label for="field_signature_border_width" class="section_label">
<?php
esc_html_e('Border Width', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_border_width');
?>
</label>
<select id="field_signature_border_width" onchange="SetSignatureBorderWidth(jQuery(this).val());">
<option value="0"><?php
esc_html_e('None', 'gravityformssignature');
?>
</option>
<option value="1"><?php
esc_html_e('Small', 'gravityformssignature');
?>
</option>
<option value="2"><?php
esc_html_e('Medium', 'gravityformssignature');
?>
</option>
<option value="3"><?php
esc_html_e('Large', 'gravityformssignature');
?>
</option>
</select>
</li>
<li class="border_style_setting field_setting gform_setting_right_half">
<label for="field_signature_border_style" class="section_label">
<?php
esc_html_e('Border Style', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_border_style');
?>
</label>
<select id="field_signature_border_style" onchange="SetSignatureBorderStyle(jQuery(this).val());">
<option value="dotted"><?php
esc_html_e('Dotted', 'gravityformssignature');
?>
</option>
<option value="dashed"><?php
esc_html_e('Dashed', 'gravityformssignature');
?>
</option>
<option value="groove"><?php
esc_html_e('Groove', 'gravityformssignature');
?>
</option>
<option value="ridge"><?php
esc_html_e('Ridge', 'gravityformssignature');
?>
</option>
<option value="inset"><?php
esc_html_e('Inset', 'gravityformssignature');
?>
</option>
<option value="outset"><?php
esc_html_e('Outset', 'gravityformssignature');
?>
</option>
<option value="double"><?php
esc_html_e('Double', 'gravityformssignature');
?>
</option>
<option value="solid"><?php
esc_html_e('Solid', 'gravityformssignature');
?>
</option>
</select>
</li>
<li class="pen_color_setting field_setting gform_setting_left_half">
<label for="field_signature_pen_color" class="section_label">
<?php
esc_html_e('Pen Color', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_pen_color');
?>
</label>
<?php
GFFormDetail::color_picker('field_signature_pen_color', 'SetSignaturePenColor');
?>
</li>
<li class="pen_size_setting field_setting gform_setting_right_half">
<label for="field_signature_pen_size" class="section_label">
<?php
esc_html_e('Pen Size', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_pen_size');
?>
</label>
<select id="field_signature_pen_size" onchange="SetSignaturePenSize(jQuery(this).val());">
<option value="1"><?php
esc_html_e('Small', 'gravityformssignature');
?>
</option>
<option value="2"><?php
esc_html_e('Medium', 'gravityformssignature');
?>
</option>
<option value="3"><?php
esc_html_e('Large', 'gravityformssignature');
?>
</option>
</select>
</li>
<li class="box_width_setting field_setting">
<label for="field_signature_box_width" class="section_label">
<?php
esc_html_e('Field Width', 'gravityformssignature');
?>
<?php
gform_tooltip('signature_box_width');
?>
</label>
<input id="field_signature_box_width" type="text" style="width:40px"
onkeyup="SetSignatureBoxWidth(jQuery(this).val());"
onchange="SetSignatureBoxWidth(jQuery(this).val());"/> px
</li>
<?php
}
}
