← All changes | classes/views/styles/_general.php +174 -77 6.3 → 6.23 View file →

		@@ -2,93 +2,190 @@
2	2	if ( ! defined( 'ABSPATH' ) ) {
3	3	die( 'You are not allowed to call this page directly.' );
4	4	}
5	5	?>
6		-<p class="frm6 frm_first frm_form_field">
7		- <label class="frm_help" title="<?php esc_attr_e( 'This will add !important to many of the lines in the Formidable styling to make sure it will be used.', 'formidable' ); ?>">
8		- <input type="checkbox" name="<?php echo esc_attr( $frm_style->get_field_name( 'important_style' ) ); ?>" id="frm_important_style" value="1" <?php checked( $style->post_content['important_style'], 1 ); ?> />
9		- <?php esc_html_e( 'Override theme styling', 'formidable' ); ?>
10		- </label>
	6	+<p class="frm5 frm_form_field">
	7	+ <label
	8	+ for="frm_font"
	9	+ class="frm-style-item-heading"><?php esc_html_e( 'Font Family', 'formidable' ); ?></label>
11	10	</p>
12		-
13		-<p class="frm6 frm_form_field">
14		- <label class="frm_help" title="<?php esc_attr_e( 'This will center your form on the page where it is published if the form width is less than the available width on the page.', 'formidable' ); ?>">
15		- <input type="checkbox" name="<?php echo esc_attr( $frm_style->get_field_name( 'center_form' ) ); ?>" id="frm_center_form" value="1" <?php checked( $style->post_content['center_form'], 1 ); ?> />
16		- <?php esc_html_e( 'Center form on page', 'formidable' ); ?>
17		- </label>
	11	+<p class="frm7 frm_form_field">
	12	+ <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'font' ) ); ?>" id="frm_font" value="<?php echo esc_attr( $style->post_content['font'] ); ?>" placeholder="<?php esc_attr_e( 'Inherit from theme', 'formidable' ); ?>" class="frm_full_width" />
18	13	</p>
19	14
20		-<p class="frm4 frm_first frm_form_field">
21		- <label for="frm_form_align"><?php esc_html_e( 'Alignment', 'formidable' ); ?></label>
22		- <select name="<?php echo esc_attr( $frm_style->get_field_name( 'form_align' ) ); ?>" id="frm_form_align">
23		- <option value="left" <?php selected( $style->post_content['form_align'], 'left' ); ?>>
24		- <?php esc_html_e( 'left', 'formidable' ); ?>
25		- </option>
26		- <option value="right" <?php selected( $style->post_content['form_align'], 'right' ); ?>>
27		- <?php esc_html_e( 'right', 'formidable' ); ?>
28		- </option>
29		- <option value="center" <?php selected( $style->post_content['form_align'], 'center' ); ?>>
30		- <?php esc_html_e( 'center', 'formidable' ); ?>
31		- </option>
32		- </select>
33		-</p>
	15	+<?php
	16	+new FrmBackgroundImageStyleComponent(
	17	+ $frm_style->get_field_name( 'fieldset_bg_color' ),
	18	+ $style->post_content['fieldset_bg_color'],
	19	+ array(
	20	+ 'title' => __( 'Background', 'formidable' ),
	21	+ 'id' => 'frm_fieldset_bg_color',
	22	+ 'frm_style' => $frm_style,
	23	+ 'style' => $style,
	24	+ 'action_slug' => 'fieldset_bg_color',
	25	+ 'image_id_input_name' => 'bg_image_id',
	26	+ 'include_additional_settings' => true,
	27	+ )
	28	+);
	29	+?>
34	30
35		-<p class="frm4 frm_form_field">
36		- <label for="frm_form_width"><?php esc_html_e( 'Max Width', 'formidable' ); ?></label>
37		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'form_width' ) ); ?>" id="frm_form_width" value="<?php echo esc_attr( $style->post_content['form_width'] ); ?>" />
38		-</p>
	31	+<div class="frm5 frm_form_field">
	32	+ <label
	33	+ for="frm_form_align"
	34	+ class="frm-style-item-heading"><?php esc_html_e( 'Alignment', 'formidable' ); ?></label>
	35	+</div>
	36	+<div class="frm7 frm_form_field">
	37	+ <?php
	38	+ new FrmAlignStyleComponent(
	39	+ $frm_style->get_field_name( 'form_align' ),
	40	+ $style->post_content['form_align'],
	41	+ array(
	42	+ 'id' => 'frm_form_align',
	43	+ )
	44	+ );
	45	+ ?>
	46	+</div>
39	47
40		-<p class="frm4 frm_form_field frm_end">
41		- <label for="frm_fieldset_bg_color"><?php esc_html_e( 'Background', 'formidable' ); ?></label>
42		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'fieldset_bg_color' ) ); ?>" id="frm_fieldset_bg_color" class="hex" value="<?php echo esc_attr( $style->post_content['fieldset_bg_color'] ); ?>" size="4" <?php do_action( 'frm_style_settings_input_atts', 'fieldset_bg_color' ); ?> />
43		-</p>
	48	+<div class="frm5 frm_form_field">
	49	+ <label
	50	+ for="frm_fieldset_color"
	51	+ class="frm-style-item-heading"><?php esc_html_e( 'Border Color', 'formidable' ); ?></label>
	52	+</div>
	53	+<div class="frm7 frm_form_field">
	54	+ <?php
	55	+ new FrmColorpickerStyleComponent(
	56	+ $frm_style->get_field_name( 'fieldset_color' ),
	57	+ $style->post_content['fieldset_color'],
	58	+ array(
	59	+ 'id' => 'frm_fieldset_color',
	60	+ 'action_slug' => 'fieldset_color',
	61	+ )
	62	+ );
	63	+ ?>
	64	+</div>
44	65
45		-<?php
46		-do_action( 'frm_style_settings_general_section_after_background', compact( 'frm_style', 'style' ) );
47		-if ( ! FrmAppHelper::pro_is_installed() ) {
	66	+<div class="frm5 frm_form_field">
	67	+ <label
	68	+ for="frm_fieldset"
	69	+ class="frm-style-item-heading"><?php esc_html_e( 'Border Width', 'formidable' ); ?></label>
	70	+</div>
	71	+<div class="frm7 frm_form_field">
	72	+ <?php
	73	+ new FrmSliderStyleComponent(
	74	+ $frm_style->get_field_name( 'fieldset' ),
	75	+ $style->post_content['fieldset'],
	76	+ array(
	77	+ 'id' => 'frm_fieldset',
	78	+ 'max_value' => 25,
	79	+ )
	80	+ );
48	81	?>
49		- <div class="frm_image_preview_wrapper" data-upgrade="<?php esc_attr_e( 'Background image styles', 'formidable' ); ?>" data-medium="background-image">
50		- <button type="button" class="frm_choose_image_box frm_button frm_no_style_button frm_noallow">
51		- <?php FrmAppHelper::icon_by_class( 'frm_icon_font frm_upload_icon' ); ?>
52		- <?php esc_attr_e( 'Upload background image', 'formidable' ); ?>
53		- </button>
54		- </div>
	82	+</div>
	83	+
	84	+<div class="frm5 frm_form_field">
	85	+ <label
	86	+ for="frm_fieldset_padding"
	87	+ class="frm-style-item-heading"><?php esc_html_e( 'Padding', 'formidable' ); ?></label>
	88	+</div>
	89	+<div class="frm7 frm_form_field">
55	90	<?php
56		-}
57		-?>
	91	+ new FrmSliderStyleComponent(
	92	+ $frm_style->get_field_name( 'fieldset_padding' ),
	93	+ $style->post_content['fieldset_padding'],
	94	+ array(
	95	+ 'id' => 'frm_fieldset_padding',
	96	+ 'type' => 'vertical-margin',
	97	+ 'max_value' => 100,
	98	+ )
	99	+ );
	100	+ ?>
	101	+</div>
58	102
59		-<p class="frm4 frm_first frm_form_field">
60		- <label for="frm_fieldset"><?php esc_html_e( 'Border', 'formidable' ); ?></label>
61		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'fieldset' ) ); ?>" id="frm_fieldset" value="<?php echo esc_attr( $style->post_content['fieldset'] ); ?>" size="4" />
62		-</p>
	103	+<div class="frm5 frm_form_field">
	104	+ <label
	105	+ for="frm_form_width"
	106	+ class="frm-style-item-heading"><?php esc_html_e( 'Form Width', 'formidable' ); ?></label>
	107	+</div>
	108	+<div class="frm7 frm_form_field">
	109	+ <?php
	110	+ new FrmSliderStyleComponent(
	111	+ $frm_style->get_field_name( 'form_width' ),
	112	+ $style->post_content['form_width'],
	113	+ array(
	114	+ 'id' => 'frm_form_width',
	115	+ 'max_value' => 2000,
	116	+ )
	117	+ );
	118	+ ?>
	119	+</div>
63	120
64		-<p class="frm4 frm_form_field">
65		- <label for="frm_fieldset_color"><?php esc_html_e( 'Color', 'formidable' ); ?></label>
66		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'fieldset_color' ) ); ?>" id="frm_fieldset_color" class="hex" value="<?php echo esc_attr( $style->post_content['fieldset_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'fieldset_color' ); ?> />
67		-</p>
	121	+<div class="frm5 frm_form_field">
	122	+ <label
	123	+ for="frm_direction"
	124	+ class="frm-style-item-heading"><?php esc_html_e( 'Direction', 'formidable' ); ?></label>
	125	+</div>
	126	+<div class="frm7 frm_form_field">
	127	+ <?php
	128	+ new FrmDirectionStyleComponent(
	129	+ $frm_style->get_field_name( 'direction' ),
	130	+ $style->post_content['direction'],
	131	+ array(
	132	+ 'id' => 'frm_direction',
	133	+ )
	134	+ );
	135	+ ?>
	136	+</div>
68	137
69		-<p class="frm4 frm_form_field">
70		- <label for="frm_fieldset_padding"><?php esc_html_e( 'Padding', 'formidable' ); ?></label>
71		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'fieldset_padding' ) ); ?>" id="frm_fieldset_padding" value="<?php echo esc_attr( $style->post_content['fieldset_padding'] ); ?>" size="4" />
72		-</p>
	138	+<div class="frm5 frm_form_field">
	139	+ <label
	140	+ for="frm_important_style"
	141	+ class="frm-style-item-heading">
	142	+ <?php esc_html_e( 'Override Theme', 'formidable' ); ?>
	143	+ <?php FrmAppHelper::tooltip_icon( __( 'This will add !important to many of the lines in the Formidable styling to make sure it will be used', 'formidable' ) ); ?>
	144	+ </label>
	145	+</div>
	146	+<div class="frm7 frm_form_field frm-style-component">
	147	+ <?php
	148	+ FrmHtmlHelper::toggle(
	149	+ 'frm_important_style',
	150	+ $frm_style->get_field_name( 'important_style' ),
	151	+ array(
	152	+ 'div_class' => 'with_frm_style frm_toggle',
	153	+ 'checked' => ! empty( $style->post_content['important_style'] ),
	154	+ 'echo' => true,
	155	+ 'aria-label-attr' => __( 'Override Theme', 'formidable' ),
	156	+ )
	157	+ );
	158	+ ?>
	159	+</div>
73	160
74		-<p>
75		- <label for="frm_font"><?php esc_html_e( 'Font Family', 'formidable' ); ?></label>
76		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'font' ) ); ?>" id="frm_font" value="<?php echo esc_attr( $style->post_content['font'] ); ?>" placeholder="<?php esc_attr_e( 'Leave blank to inherit from theme', 'formidable' ); ?>" class="frm_full_width" />
77		-</p>
78		-
79		-<p class="frm6 frm_first frm_form_field">
80		- <label for="frm_direction"><?php esc_html_e( 'Direction', 'formidable' ); ?></label>
81		- <select name="<?php echo esc_attr( $frm_style->get_field_name( 'direction' ) ); ?>" id="frm_direction">
82		- <option value="ltr" <?php selected( $style->post_content['direction'], 'ltr' ); ?>>
83		- <?php esc_html_e( 'Left to Right', 'formidable' ); ?>
84		- </option>
85		- <option value="rtl" <?php selected( $style->post_content['direction'], 'rtl' ); ?>>
86		- <?php esc_html_e( 'Right to Left', 'formidable' ); ?>
87		- </option>
88		- </select>
89		-</p>
90		-
91		-<p>
92		- <label><?php esc_html_e( 'Style Class', 'formidable' ); ?></label>
93		- <span>.frm_style_<?php echo esc_html( $style->post_name ); ?></span>
94		-</p>
	161	+<div class="frm5 frm_form_field">
	162	+ <label
	163	+ for="frm_center_form"
	164	+ class="frm-style-item-heading"><?php esc_html_e( 'Center Form', 'formidable' ); ?></label>
	165	+</div>
	166	+<div class="frm7 frm_form_field frm-style-component">
	167	+ <?php
	168	+ FrmHtmlHelper::toggle(
	169	+ 'frm_center_form',
	170	+ $frm_style->get_field_name( 'center_form' ),
	171	+ array(
	172	+ 'div_class' => 'with_frm_style frm_toggle',
	173	+ 'checked' => ! empty( $style->post_content['center_form'] ),
	174	+ 'echo' => true,
	175	+ 'aria-label-attr' => __( 'Center Form', 'formidable' ),
	176	+ )
	177	+ );
	178	+ ?>
	179	+</div>
	180	+<div class="frm5 frm_form_field">
	181	+ <label
	182	+ for="frm_style_class"
	183	+ class="frm-style-item-heading"><?php esc_html_e( 'Style Class', 'formidable' ); ?></label>
	184	+</div>
	185	+<div class="frm7 frm_form_field frm-style-component">
	186	+ <label class="frm-copy-text">.frm_style_<?php
	187	+ echo esc_html( $style->post_name );
	188	+ FrmAppHelper::icon_by_class( 'frm_icon_font frm-copy-icon' );
	189	+ ?>
	190	+ </label>
	191	+</div>