← All changes | classes/views/styles/_general.php +60 -176 6.26 → 5.0 View file →

		@@ -2,190 +2,74 @@
2	2	if ( ! defined( 'ABSPATH' ) ) {
3	3	die( 'You are not allowed to call this page directly.' );
4	4	}
5	5	?>
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>
	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>
10	11	</p>
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" />
	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>
13	18	</p>
14	19
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		-?>
	20	+<p class="frm4 frm_first frm_form_field">
	21	+ <label><?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>
30	34
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>
	35	+<p class="frm4 frm_form_field">
	36	+ <label><?php esc_html_e( 'Max Width', 'formidable' ); ?></label>
	37	+ <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'form_width' ) ); ?>" value="<?php echo esc_attr( $style->post_content['form_width'] ); ?>"/>
	38	+</p>
47	39
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>
	40	+<p class="frm4 frm_form_field frm_end">
	41	+ <label><?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" />
	43	+</p>
65	44
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		- );
81		- ?>
82		-</div>
	45	+<p class="frm4 frm_first frm_form_field">
	46	+ <label><?php esc_html_e( 'Border', 'formidable' ); ?></label>
	47	+ <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" />
	48	+</p>
83	49
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">
90		- <?php
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>
	50	+<p class="frm4 frm_form_field">
	51	+ <label><?php esc_html_e( 'Color', 'formidable' ); ?></label>
	52	+ <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'] ); ?>" />
	53	+</p>
102	54
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>
	55	+<p class="frm4 frm_form_field">
	56	+ <label><?php esc_html_e( 'Padding', 'formidable' ); ?></label>
	57	+ <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" />
	58	+</p>
120	59
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>
	60	+<p>
	61	+ <label><?php esc_html_e( 'Font Family', 'formidable' ); ?></label>
	62	+ <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'] ); ?>" class="frm_full_width" />
	63	+</p>
137	64
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>
160		-
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>
	65	+<p class="frm6 frm_first frm_form_field">
	66	+ <label><?php esc_html_e( 'Direction', 'formidable' ); ?></label>
	67	+ <select name="<?php echo esc_attr( $frm_style->get_field_name( 'direction' ) ); ?>" id="frm_direction">
	68	+ <option value="ltr" <?php selected( $style->post_content['direction'], 'ltr' ); ?>>
	69	+ <?php esc_html_e( 'Left to Right', 'formidable' ); ?>
	70	+ </option>
	71	+ <option value="rtl" <?php selected( $style->post_content['direction'], 'rtl' ); ?>>
	72	+ <?php esc_html_e( 'Right to Left', 'formidable' ); ?>
	73	+ </option>
	74	+ </select>
	75	+</p>