';
echo '
'. esc_html__( 'Style', 'gf_stylespro' ) .'';
$this->settings_checkbox(
array(
"label" => "Style",
"class" => "font_style",
"name" => $theme."_font_styles",
"horizontal" => true,
"choices" =>
array(
array(
"label" => " ",
"class" => "font_italic",
"name" => $theme."_font_italic"
),
array(
"label" => " ",
"class" => "font_underline",
"name" => $theme."_font_underline"
)
)
)
);
echo '
';
echo '
'. esc_html__( 'Weight', 'gf_stylespro' ) . gform_tooltip( 'gf_stylespro_adv_font_weight', '', true ) .' ';
$this->settings_select(
array(
'label' => 'Weight',
'name' => $theme.'_field_font_weight',
'default_value' => '',
'class' => 'adv_font_weight field_font_weight font_weight',
'choices' => array(
array( 'label' => 'Default', 'value' => '' ),
array( 'label' => 'Normal', 'value' => 'normal' ),
array( 'label' => 'Bold', 'value' => 'bold' ),
array( 'label' => '100', 'value' => '100' ),
array( 'label' => '200', 'value' => '200' ),
array( 'label' => '300', 'value' => '300' ),
array( 'label' => '400', 'value' => '400' ),
array( 'label' => '500', 'value' => '500' ),
array( 'label' => '600', 'value' => '600' ),
array( 'label' => '700', 'value' => '700' ),
array( 'label' => '800', 'value' => '800' ),
array( 'label' => '900', 'value' => '900' ),
)
)
);
echo '
';
echo '
Background color';
$this->settings_text(
array(
'label' => 'Background color',
'name' => $theme.'_field_bg_color',
'default_value' => '',
'class' => 'color adv_bg_color field_bg_color',
)
);
echo '
';
echo '
'. esc_html__( 'Align', 'gf_stylespro' ) .'';
$this->settings_radio(
array(
'name' => "{$theme}_field_text_align",
'default_value' => '',
'class' => 'adv_text_align field_text_align',
'type' => 'radio',
'horizontal' => true,
'choices' => array(
array(
'label' => esc_html__( 'Auto', 'gf_stylespro' ),
'value' => '',
'class' => "radio_icon adv_text_align_auto",
),
array(
'label' => '',
'value' => 'left',
'class' => "radio_icon adv_text_align_left",
),
array(
'label' => '',
'value' => 'center',
'class' => "radio_icon adv_text_align_center",
),
array(
'label' => '',
'value' => 'right',
'class' => "radio_icon adv_text_align_right",
),
),
)
);
echo '
';
echo '
Height (top & buttom padding)';
$this->settings_text(
array(
'label' => 'Vertical Padding',
'name' => $theme.'_field_v_padding',
'default_value' => '',
'class' => 'small adv_v_padding field_v_padding auto_px',
'placeholder' => 'ex. 5px',
)
);
echo '
';
echo '
Margin bottom';
$this->settings_text(
array(
"label" => "Field margin (bottom)",
'tooltip' => esc_html__( 'A lower value makes the fields closer, usually handy on smaller forms when you need fields to be tighter together.', 'gf_stylespro' ),
"name" => $theme."_field_margin_bottom",
'default_value' => '',
'class' => 'small field_margin_bottom auto_px',
)
);
echo '
';
echo '
Border';
echo '
Color';
$this->settings_text(
array(
'label' => 'Border color',
'name' => $theme.'_field_border_color',
'default_value' => '',
'class' => 'color adv_border_color field_border_color'
)
);
echo '
';
echo '
Width';
$this->settings_text(
array(
'label' => 'Border width',
'name' => $theme.'_field_border_width',
'default_value' => '',
'class' => 'medium adv_border_width field_border_width auto_px',
'placeholder' => 'ex. 1px',
'after_input' => ' Optional values for each side are allowed '
)
);
echo '
';
echo '
Radius';
$this->settings_text(
array(
'label' => 'Radius',
'name' => $theme.'_field_border_radius',
'default_value' => '',
'class' => 'medium adv_border_radius field_border_radius auto_px',
)
);
echo '
';
echo '
Style';
$this->settings_select(
array(
'label' => 'Style',
'name' => $theme.'_field_border_style',
'default_value' => '',
'class' => 'adv_border_style field_border_style',
'choices' => array(
array( 'label' => 'Default', 'value' => '' ),
array( 'label' => 'Solid', 'value' => 'solid' ),
array( 'label' => 'Dashed', 'value' => 'dashed' ),
array( 'label' => 'Dotted', 'value' => 'dotted' ),
array( 'label' => 'Double', 'value' => 'double' ),
array( 'label' => 'Ridge', 'value' => 'ridge' ),
array( 'label' => 'Inset', 'value' => 'inset' ),
array( 'label' => 'Outset', 'value' => 'outset' ),
array( 'label' => 'Groove', 'value' => 'groove' ),
array( 'label' => 'None', 'value' => 'none' ),
)
)
);
echo '
';
echo '
On Focus';
echo '
Border color';
$this->settings_text(
array(
'label' => 'Border color (focus)',
'name' => $theme.'_field_focus_border_color',
'default_value' => '',
'class' => 'color adv_focus_border_color field_focus_border_color',
)
);
echo '
';
echo '
Background color';
$this->settings_text(
array(
'label' => 'Background color (focus)',
'name' => $theme.'_field_focus_bg_color',
'default_value' => '',
'class' => 'color adv_focus_bg_color field_focus_bg_color'
)
);
echo '
';
echo '
Placeholder';
echo '
Color';
$this->settings_text(
array(
'label' => 'Color',
'name' => $theme.'_placeholder_color',
'default_value' => '',
'class' => 'color adv_placeholder_color placeholder_color',
'after_input' => ''.esc_html__('leave empty to automatically calculate it based on field color', 'gf_stylespro').'',
)
);
echo '
';
echo '