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

		@@ -2,383 +2,116 @@
2	2	if ( ! defined( 'ABSPATH' ) ) {
3	3	die( 'You are not allowed to call this page directly.' );
4	4	}
5	5	?>
6		-<div class="frm-style-tabs-wrapper">
7		- <div class="frm-tabs-delimiter">
8		- <span class="frm-tabs-active-underline"></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>
	6	+<p class="frm_no_top_margin">
	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>
53	13
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>
	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>
71	18
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>
	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>
89	23
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>
	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>
108	28
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>
	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>
126	37
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>
	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>
144	42
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>
	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>
162	47
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>
	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>
180	52
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>
	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>
198	57
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 frmfont 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>
	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>
220	62
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>
	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>
241	67
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' => ! $frm_style->get_field_name( 'submit_style' ),
258		- 'echo' => true,
259		- 'aria-label-attr' => __( 'Disable submit button styling', 'formidable' ),
260		- )
261		- );
262		- ?>
263		- </div>
	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>
264	72
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>
	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>
286	77
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>
	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>
304	82
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>
	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>
322	90
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>
	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>
344	95
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>
	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>
362	100
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>
	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>