← All changes | classes/views/styles/_buttons.php +362 -95 6.3.2 → 6.22 View file →

		@@ -2,116 +2,383 @@
2	2	if ( ! defined( 'ABSPATH' ) ) {
3	3	die( 'You are not allowed to call this page directly.' );
4	4	}
5	5	?>
6		-<p class="frm-mt-0">
7		- <label for="frm_submit_style">
8		- <input type="checkbox" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_style' ) ); ?>" id="frm_submit_style" <?php checked( $style->post_content['submit_style'], 1 ); ?> value="1" />
9		- <?php esc_html_e( 'Disable submit button styling', 'formidable' ); ?>
10		- <span class="frm_help frm_icon_font frm_tooltip_icon" title="<?php esc_attr_e( 'Note: If disabled, you may not see the change take effect until you make 2 more styling changes or click "Update Options".', 'formidable' ); ?>"></span>
11		- </label>
12		-</p>
	6	+<div class="frm-style-tabs-wrapper">
	7	+ <div class="frm-tabs-delimiter">
	8	+ <span data-initial-width="123" class="frm-tabs-active-underline frm-first"></span>
	9	+ </div>
	10	+ <div class="frm-tabs-navs">
	11	+ <ul class="frm-flex-box">
	12	+ <li class="frm-active"><?php esc_html_e( 'Default', 'formidable' ); ?></li>
	13	+ <li><?php esc_html_e( 'On Hover', 'formidable' ); ?></li>
	14	+ <li><?php esc_html_e( 'On Click', 'formidable' ); ?></li>
	15	+ </ul>
	16	+ </div>
	17	+ <div class="frm-tabs-container">
	18	+ <div class="frm-tabs-slide-track frm-flex-box">
	19	+ <div class="frm-active">
	20	+ <div class="frm_grid_container">
	21	+ <?php
	22	+ new FrmBackgroundImageStyleComponent(
	23	+ $frm_style->get_field_name( 'submit_bg_color' ),
	24	+ $style->post_content['submit_bg_color'],
	25	+ array(
	26	+ 'title' => __( 'Background Image', 'formidable' ),
	27	+ 'id' => 'frm_submit_bg_color',
	28	+ 'frm_style' => $frm_style,
	29	+ 'style' => $style,
	30	+ 'action_slug' => 'submit_bg_color',
	31	+ 'image_id_input_name' => 'submit_bg_img',
	32	+ 'include_additional_settings' => false,
	33	+ )
	34	+ );
	35	+ ?>
	36	+ <div class="frm5 frm_form_field">
	37	+ <label
	38	+ for="frm_submit_text_color"
	39	+ class="frm-style-item-heading"><?php esc_html_e( 'Font Color', 'formidable' ); ?></label>
	40	+ </div>
	41	+ <div class="frm7 frm_form_field">
	42	+ <?php
	43	+ new FrmColorpickerStyleComponent(
	44	+ $frm_style->get_field_name( 'submit_text_color' ),
	45	+ $style->post_content['submit_text_color'],
	46	+ array(
	47	+ 'id' => 'frm_submit_text_color',
	48	+ 'action_slug' => 'submit_text_color',
	49	+ )
	50	+ );
	51	+ ?>
	52	+ </div>
13	53
14		-<p class="frm4 frm_first frm_form_field">
15		- <label for="frm_submit_font_size"><?php esc_html_e( 'Size', 'formidable' ); ?></label>
16		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_font_size' ) ); ?>" id="frm_submit_font_size" value="<?php echo esc_attr( $style->post_content['submit_font_size'] ); ?>" size="3" />
17		-</p>
	54	+ <div class="frm5 frm_form_field">
	55	+ <label
	56	+ for="frm_submit_font_size"
	57	+ class="frm-style-item-heading"><?php esc_html_e( 'Font Size', 'formidable' ); ?></label>
	58	+ </div>
	59	+ <div class="frm7 frm_form_field">
	60	+ <?php
	61	+ new FrmSliderStyleComponent(
	62	+ $frm_style->get_field_name( 'submit_font_size' ),
	63	+ $style->post_content['submit_font_size'],
	64	+ array(
	65	+ 'id' => 'frm_submit_font_size',
	66	+ 'max_value' => 100,
	67	+ )
	68	+ );
	69	+ ?>
	70	+ </div>
18	71
19		-<p class="frm4 frm_form_field">
20		- <label for="frm_submit_width"><?php esc_html_e( 'Width', 'formidable' ); ?></label>
21		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_width' ) ); ?>" id="frm_submit_width" value="<?php echo esc_attr( $style->post_content['submit_width'] ); ?>" size="5" />
22		-</p>
	72	+ <div class="frm5 frm_form_field">
	73	+ <label
	74	+ for="frm_submit_weight"
	75	+ class="frm-style-item-heading"><?php esc_html_e( 'Weight', 'formidable' ); ?></label>
	76	+ </div>
	77	+ <div class="frm7 frm_form_field">
	78	+ <?php
	79	+ new FrmDropdownStyleComponent(
	80	+ $frm_style->get_field_name( 'submit_weight' ),
	81	+ $style->post_content['submit_weight'],
	82	+ array(
	83	+ 'id' => 'frm_submit_weight',
	84	+ 'options' => FrmStyle::get_bold_options(),
	85	+ )
	86	+ );
	87	+ ?>
	88	+ </div>
23	89
24		-<p class="frm4 frm_form_field">
25		- <label for="frm_submit_height"><?php esc_html_e( 'Height', 'formidable' ); ?></label>
26		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_height' ) ); ?>" id="frm_submit_height" value="<?php echo esc_attr( $style->post_content['submit_height'] ); ?>" size="5" />
27		-</p>
	90	+ <div class="frm5 frm_form_field">
	91	+ <label
	92	+ for="frm_submit_width"
	93	+ class="frm-style-item-heading"><?php esc_html_e( 'Width', 'formidable' ); ?></label>
	94	+ </div>
	95	+ <div class="frm7 frm_form_field">
	96	+ <?php
	97	+ new FrmSliderStyleComponent(
	98	+ $frm_style->get_field_name( 'submit_width' ),
	99	+ $style->post_content['submit_width'],
	100	+ array(
	101	+ 'id' => 'frm_submit_width',
	102	+ 'max_value' => 300,
	103	+ 'units' => array( 'auto', 'px', 'em', '%' ),
	104	+ )
	105	+ );
	106	+ ?>
	107	+ </div>
28	108
29		-<p class="frm4 frm_first frm_form_field">
30		- <label for="frm_submit_weight"><?php esc_html_e( 'Weight', 'formidable' ); ?></label>
31		- <select name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_weight' ) ); ?>" id="frm_submit_weight">
32		- <?php foreach ( FrmStyle::get_bold_options() as $value => $name ) { ?>
33		- <option value="<?php echo esc_attr( $value ); ?>" <?php selected( $style->post_content['submit_weight'], $value ); ?>><?php echo esc_html( $name ); ?></option>
34		- <?php } ?>
35		- </select>
36		-</p>
	109	+ <div class="frm5 frm_form_field">
	110	+ <label
	111	+ for="frm_submit_height"
	112	+ class="frm-style-item-heading"><?php esc_html_e( 'Height', 'formidable' ); ?></label>
	113	+ </div>
	114	+ <div class="frm7 frm_form_field">
	115	+ <?php
	116	+ new FrmSliderStyleComponent(
	117	+ $frm_style->get_field_name( 'submit_height' ),
	118	+ $style->post_content['submit_height'],
	119	+ array(
	120	+ 'id' => 'frm_submit_height',
	121	+ 'max_value' => 300,
	122	+ )
	123	+ );
	124	+ ?>
	125	+ </div>
37	126
38		-<p class="frm4 frm_form_field">
39		- <label for="frm_submit_border_radius"><?php esc_html_e( 'Corners', 'formidable' ); ?></label>
40		- <input type="text" value="<?php echo esc_attr( $style->post_content['submit_border_radius'] ); ?>" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_border_radius' ) ); ?>" id="frm_submit_border_radius" size="4"/>
41		-</p>
	127	+ <div class="frm5 frm_form_field">
	128	+ <label
	129	+ for="frm_submit_border_color"
	130	+ class="frm-style-item-heading"><?php esc_html_e( 'Border Color', 'formidable' ); ?></label>
	131	+ </div>
	132	+ <div class="frm7 frm_form_field">
	133	+ <?php
	134	+ new FrmColorpickerStyleComponent(
	135	+ $frm_style->get_field_name( 'submit_border_color' ),
	136	+ $style->post_content['submit_border_color'],
	137	+ array(
	138	+ 'id' => 'frm_submit_border_color',
	139	+ 'action_slug' => 'submit_border_color',
	140	+ )
	141	+ );
	142	+ ?>
	143	+ </div>
42	144
43		-<p class="frm4 frm_first frm_form_field">
44		- <label for="frm_submit_bg_color"><?php esc_html_e( 'BG color', 'formidable' ); ?></label>
45		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_bg_color' ) ); ?>" id="frm_submit_bg_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_bg_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_bg_color' ); ?> />
46		-</p>
	145	+ <div class="frm5 frm_form_field">
	146	+ <label
	147	+ for="frm_submit_border_width"
	148	+ class="frm-style-item-heading"><?php esc_html_e( 'Border Width', 'formidable' ); ?></label>
	149	+ </div>
	150	+ <div class="frm7 frm_form_field">
	151	+ <?php
	152	+ new FrmSliderStyleComponent(
	153	+ $frm_style->get_field_name( 'submit_border_width' ),
	154	+ $style->post_content['submit_border_width'],
	155	+ array(
	156	+ 'id' => 'frm_submit_border_width',
	157	+ 'max_value' => 25,
	158	+ )
	159	+ );
	160	+ ?>
	161	+ </div>
47	162
48		-<p class="frm4 frm_form_field">
49		- <label for="frm_submit_text_color"><?php esc_html_e( 'Text', 'formidable' ); ?></label>
50		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_text_color' ) ); ?>" id="frm_submit_text_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_text_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_text_color' ); ?> />
51		-</p>
	163	+ <div class="frm5 frm_form_field">
	164	+ <label
	165	+ for="frm_submit_shadow_color"
	166	+ class="frm-style-item-heading"><?php esc_html_e( 'Shadow', 'formidable' ); ?></label>
	167	+ </div>
	168	+ <div class="frm7 frm_form_field">
	169	+ <?php
	170	+ new FrmColorpickerStyleComponent(
	171	+ $frm_style->get_field_name( 'submit_shadow_color' ),
	172	+ $style->post_content['submit_shadow_color'],
	173	+ array(
	174	+ 'id' => 'frm_submit_shadow_color',
	175	+ 'action_slug' => 'submit_shadow_color',
	176	+ )
	177	+ );
	178	+ ?>
	179	+ </div>
52	180
53		-<p class="frm4 frm_first frm_form_field">
54		- <label for="frm_submit_border_color"><?php esc_html_e( 'Border', 'formidable' ); ?></label>
55		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_border_color' ) ); ?>" id="frm_submit_border_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_border_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_border_color' ); ?> />
56		-</p>
	181	+ <div class="frm5 frm_form_field">
	182	+ <label
	183	+ for="frm_submit_border_radius"
	184	+ class="frm-style-item-heading"><?php esc_html_e( 'Corner Radius', 'formidable' ); ?></label>
	185	+ </div>
	186	+ <div class="frm7 frm_form_field">
	187	+ <?php
	188	+ new FrmSliderStyleComponent(
	189	+ $frm_style->get_field_name( 'submit_border_radius' ),
	190	+ $style->post_content['submit_border_radius'],
	191	+ array(
	192	+ 'id' => 'frm_submit_border_radius',
	193	+ 'max_value' => 50,
	194	+ )
	195	+ );
	196	+ ?>
	197	+ </div>
57	198
58		-<p class="frm4 frm_form_field">
59		- <label for="frm_submit_border_width"><?php esc_html_e( 'Thickness', 'formidable' ); ?></label>
60		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_border_width' ) ); ?>" id="frm_submit_border_width" value="<?php echo esc_attr( $style->post_content['submit_border_width'] ); ?>" size="4" />
61		-</p>
	199	+ <div class="frm5 frm_form_field">
	200	+ <label
	201	+ for="frm_submit_margin"
	202	+ class="frm-style-item-heading">
	203	+ <?php esc_html_e( 'Margin', 'formidable' ); ?>
	204	+ <span class="frm_help frm_icon_font frm_tooltip_icon" data-placement="right" data-container="body" data-original-title="<?php esc_attr_e( 'Used for navigation buttons too', 'formidable' ); ?>"></span>
	205	+ </label>
	206	+ </div>
	207	+ <div class="frm7 frm_form_field">
	208	+ <?php
	209	+ new FrmSliderStyleComponent(
	210	+ $frm_style->get_field_name( 'submit_margin' ),
	211	+ $style->post_content['submit_margin'],
	212	+ array(
	213	+ 'id' => 'frm_submit_margin',
	214	+ 'type' => 'vertical-margin',
	215	+ 'max_value' => 100,
	216	+ )
	217	+ );
	218	+ ?>
	219	+ </div>
62	220
63		-<p class="frm4 frm_end frm_form_field">
64		- <label for="frm_submit_shadow_color"><?php esc_html_e( 'Shadow', 'formidable' ); ?></label>
65		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_shadow_color' ) ); ?>" id="frm_submit_shadow_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_shadow_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_shadow_color' ); ?> />
66		-</p>
	221	+ <div class="frm5 frm_form_field">
	222	+ <label
	223	+ for="frm_submit_padding"
	224	+ class="frm-style-item-heading">
	225	+ <?php esc_html_e( 'Padding', 'formidable' ); ?>
	226	+ </label>
	227	+ </div>
	228	+ <div class="frm7 frm_form_field">
	229	+ <?php
	230	+ new FrmSliderStyleComponent(
	231	+ $frm_style->get_field_name( 'submit_padding' ),
	232	+ $style->post_content['submit_padding'],
	233	+ array(
	234	+ 'id' => 'frm_submit_padding',
	235	+ 'type' => 'vertical-margin',
	236	+ 'max_value' => 100,
	237	+ )
	238	+ );
	239	+ ?>
	240	+ </div>
67	241
68		-<p class="frm_clear">
69		- <label for="frm_submit_bg_img"><?php esc_html_e( 'BG Image', 'formidable' ); ?></label>
70		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_bg_img' ) ); ?>" id="frm_submit_bg_img" value="<?php echo esc_attr( $style->post_content['submit_bg_img'] ); ?>" />
71		-</p>
	242	+ <div class="frm5 frm_form_field">
	243	+ <label
	244	+ for="frm_submit_style"
	245	+ class="frm-style-item-heading">
	246	+ <?php esc_html_e( 'Disable submit button styling', 'formidable' ); ?>
	247	+ <?php FrmAppHelper::tooltip_icon( __( 'Note: If disabled, you may not see the change take effect until you make 2 more styling changes or click "Update Options".', 'formidable' ) ); ?>
	248	+ </label>
	249	+ </div>
	250	+ <div class="frm7 frm_form_field frm-style-component">
	251	+ <?php
	252	+ FrmHtmlHelper::toggle(
	253	+ 'frm_submit_style',
	254	+ $frm_style->get_field_name( 'submit_style' ),
	255	+ array(
	256	+ 'div_class' => 'with_frm_style frm_toggle',
	257	+ 'checked' => empty( $frm_style->get_field_name( 'submit_style' ) ),
	258	+ 'echo' => true,
	259	+ 'aria-label-attr' => __( 'Disable submit button styling', 'formidable' ),
	260	+ )
	261	+ );
	262	+ ?>
	263	+ </div>
72	264
73		-<p class="frm4 frm_first frm_form_field">
74		- <label for="frm_submit_margin"><?php esc_html_e( 'Margin', 'formidable' ); ?></label>
75		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_margin' ) ); ?>" id="frm_submit_margin" value="<?php echo esc_attr( $style->post_content['submit_margin'] ); ?>" size="6" />
76		-</p>
	265	+ </div>
	266	+ </div>
	267	+ <div class="frm-active">
	268	+ <div class="frm_grid_container">
	269	+ <div class="frm5 frm_form_field">
	270	+ <label
	271	+ for="frm_submit_hover_bg_color"
	272	+ class="frm-style-item-heading"><?php esc_html_e( 'BG Color', 'formidable' ); ?></label>
	273	+ </div>
	274	+ <div class="frm7 frm_form_field">
	275	+ <?php
	276	+ new FrmColorpickerStyleComponent(
	277	+ $frm_style->get_field_name( 'submit_hover_bg_color' ),
	278	+ $style->post_content['submit_hover_bg_color'],
	279	+ array(
	280	+ 'id' => 'frm_submit_hover_bg_color',
	281	+ 'action_slug' => 'submit_hover_bg_color',
	282	+ )
	283	+ );
	284	+ ?>
	285	+ </div>
77	286
78		-<p class="frm4 frm_form_field">
79		- <label for="frm_submit_padding"><?php esc_html_e( 'Padding', 'formidable' ); ?></label>
80		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_padding' ) ); ?>" id="frm_submit_padding" value="<?php echo esc_attr( $style->post_content['submit_padding'] ); ?>" size="6" />
81		-</p>
	287	+ <div class="frm5 frm_form_field">
	288	+ <label
	289	+ for="frm_submit_hover_color"
	290	+ class="frm-style-item-heading"><?php esc_html_e( 'Font Color', 'formidable' ); ?></label>
	291	+ </div>
	292	+ <div class="frm7 frm_form_field">
	293	+ <?php
	294	+ new FrmColorpickerStyleComponent(
	295	+ $frm_style->get_field_name( 'submit_hover_color' ),
	296	+ $style->post_content['submit_hover_color'],
	297	+ array(
	298	+ 'id' => 'frm_submit_hover_color',
	299	+ 'action_slug' => 'submit_hover_color',
	300	+ )
	301	+ );
	302	+ ?>
	303	+ </div>
82	304
83		-<h4 class="frm_clear">
84		- <span><?php esc_html_e( 'On Hover', 'formidable' ); ?></span>
85		-</h4>
86		-<p class="frm4 frm_first frm_form_field">
87		- <label for="frm_submit_hover_bg_color"><?php esc_html_e( 'BG color', 'formidable' ); ?></label>
88		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_hover_bg_color' ) ); ?>" id="frm_submit_hover_bg_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_hover_bg_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_hover_bg_color' ); ?> />
89		-</p>
	305	+ <div class="frm5 frm_form_field">
	306	+ <label
	307	+ for="frm_submit_hover_border_color"
	308	+ class="frm-style-item-heading"><?php esc_html_e( 'Border Color', 'formidable' ); ?></label>
	309	+ </div>
	310	+ <div class="frm7 frm_form_field">
	311	+ <?php
	312	+ new FrmColorpickerStyleComponent(
	313	+ $frm_style->get_field_name( 'submit_hover_border_color' ),
	314	+ $style->post_content['submit_hover_border_color'],
	315	+ array(
	316	+ 'id' => 'frm_submit_hover_border_color',
	317	+ 'action_slug' => 'submit_hover_border_color',
	318	+ )
	319	+ );
	320	+ ?>
	321	+ </div>
90	322
91		-<p class="frm4 frm_form_field">
92		- <label for="frm_submit_hover_color"><?php esc_html_e( 'Text', 'formidable' ); ?></label>
93		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_hover_color' ) ); ?>" id="frm_submit_hover_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_hover_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_hover_color' ); ?> />
94		-</p>
	323	+ </div>
	324	+ </div>
	325	+ <div class="frm-active">
	326	+ <div class="frm_grid_container">
	327	+ <div class="frm5 frm_form_field">
	328	+ <label
	329	+ for="frm_submit_active_bg_color"
	330	+ class="frm-style-item-heading"><?php esc_html_e( 'BG Color', 'formidable' ); ?></label>
	331	+ </div>
	332	+ <div class="frm7 frm_form_field">
	333	+ <?php
	334	+ new FrmColorpickerStyleComponent(
	335	+ $frm_style->get_field_name( 'submit_active_bg_color' ),
	336	+ $style->post_content['submit_active_bg_color'],
	337	+ array(
	338	+ 'id' => 'frm_submit_active_bg_color',
	339	+ 'action_slug' => 'submit_active_bg_color',
	340	+ )
	341	+ );
	342	+ ?>
	343	+ </div>
95	344
96		-<p class="frm4 frm_end frm_form_field">
97		- <label for="frm_submit_hover_border_color"><?php esc_html_e( 'Border', 'formidable' ); ?></label>
98		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_hover_border_color' ) ); ?>" id="frm_submit_hover_border_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_hover_border_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_hover_border_color' ); ?> />
99		-</p>
	345	+ <div class="frm5 frm_form_field">
	346	+ <label
	347	+ for="frm_submit_active_color"
	348	+ class="frm-style-item-heading"><?php esc_html_e( 'Font Color', 'formidable' ); ?></label>
	349	+ </div>
	350	+ <div class="frm7 frm_form_field">
	351	+ <?php
	352	+ new FrmColorpickerStyleComponent(
	353	+ $frm_style->get_field_name( 'submit_active_color' ),
	354	+ $style->post_content['submit_active_color'],
	355	+ array(
	356	+ 'id' => 'frm_submit_active_color',
	357	+ 'action_slug' => 'submit_active_color',
	358	+ )
	359	+ );
	360	+ ?>
	361	+ </div>
100	362
101		-<h4 class="frm_clear">
102		- <span><?php esc_html_e( 'On Click', 'formidable' ); ?></span>
103		-</h4>
104		-<p class="frm4 frm_first frm_form_field">
105		- <label for="frm_submit_active_bg_color"><?php esc_html_e( 'BG color', 'formidable' ); ?></label>
106		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_active_bg_color' ) ); ?>" id="frm_submit_active_bg_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_active_bg_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_active_bg_color' ); ?> />
107		-</p>
108		-
109		-<p class="frm4 frm_form_field">
110		- <label for="frm_submit_active_color"><?php esc_html_e( 'Text', 'formidable' ); ?></label>
111		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_active_color' ) ); ?>" id="frm_submit_active_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_active_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_active_color' ); ?> />
112		-</p>
113		-
114		-<p class="frm4 frm_end frm_form_field">
115		- <label for="frm_submit_active_border_color"><?php esc_html_e( 'Border', 'formidable' ); ?></label>
116		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'submit_active_border_color' ) ); ?>" id="frm_submit_active_border_color" class="hex" value="<?php echo esc_attr( $style->post_content['submit_active_border_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'submit_active_border_color' ); ?> />
117		-</p>
	363	+ <div class="frm5 frm_form_field">
	364	+ <label
	365	+ for="frm_submit_active_border_color"
	366	+ class="frm-style-item-heading"><?php esc_html_e( 'Border Color', 'formidable' ); ?></label>
	367	+ </div>
	368	+ <div class="frm7 frm_form_field">
	369	+ <?php
	370	+ new FrmColorpickerStyleComponent(
	371	+ $frm_style->get_field_name( 'submit_active_border_color' ),
	372	+ $style->post_content['submit_active_border_color'],
	373	+ array(
	374	+ 'id' => 'frm_submit_active_border_color',
	375	+ 'action_slug' => 'submit_active_border_color',
	376	+ )
	377	+ );
	378	+ ?>
	379	+ </div>
	380	+ </div>
	381	+ </div>
	382	+ </div>
	383	+ </div>
	384	+</div>