← All changes | classes/views/styles/_field-labels.php +180 -58 6.4 → trunk View file →

		@@ -2,67 +2,189 @@
2	2	if ( ! defined( 'ABSPATH' ) ) {
3	3	die( 'You are not allowed to call this page directly.' );
4	4	}
5	5	?>
6		-<p class="frm4 frm_first frm_form_field">
7		- <label><?php esc_html_e( 'Color', 'formidable' ); ?></label>
8		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'label_color' ) ); ?>" id="frm_label_color" class="hex" value="<?php echo esc_attr( $style->post_content['label_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'label_color' ); ?> />
9		-</p>
10		-<p class="frm4 frm_form_field">
11		- <label><?php esc_html_e( 'Weight', 'formidable' ); ?></label>
12		- <select name="<?php echo esc_attr( $frm_style->get_field_name( 'weight' ) ); ?>" id="frm_weight">
13		- <?php foreach ( FrmStyle::get_bold_options() as $value => $name ) { ?>
14		- <option value="<?php echo esc_attr( $value ); ?>" <?php selected( $style->post_content['weight'], $value ); ?>><?php echo esc_html( $name ); ?></option>
15		- <?php } ?>
16		- </select>
17		-</p>
18		-<p class="frm4 frm_form_field">
19		- <label><?php esc_html_e( 'Size', 'formidable' ); ?></label>
20		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'font_size' ) ); ?>" id="frm_font_size" value="<?php echo esc_attr( $style->post_content['font_size'] ); ?>" size="3" />
21		-</p>
	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( 'General', 'formidable' ); ?></li>
	13	+ <li><?php esc_html_e( 'Required Indicator', 'formidable' ); ?></li>
	14	+ </ul>
	15	+ </div>
	16	+ <div class="frm-tabs-container">
	17	+ <div class="frm-tabs-slide-track frm-flex-box">
	18	+ <div class="frm-active">
	19	+ <div class="frm_grid_container">
	20	+ <div class="frm5 frm_form_field">
	21	+ <label
	22	+ for="frm_label_color"
	23	+ class="frm-style-item-heading"><?php esc_html_e( 'Color', 'formidable' ); ?></label>
	24	+ </div>
	25	+ <div class="frm7 frm_form_field">
	26	+ <?php
	27	+ new FrmColorpickerStyleComponent(
	28	+ $frm_style->get_field_name( 'label_color' ),
	29	+ $style->post_content['label_color'],
	30	+ array(
	31	+ 'id' => 'frm_label_color',
	32	+ 'action_slug' => 'label_color',
	33	+ )
	34	+ );
	35	+ ?>
	36	+ </div>
22	37
23		-<p class="frm4 frm_first frm_form_field">
24		- <label><?php esc_html_e( 'Position', 'formidable' ); ?></label>
25		- <select name="<?php echo esc_attr( $frm_style->get_field_name( 'position' ) ); ?>" id="frm_position">
26		- <?php foreach ( FrmStylesHelper::get_css_label_positions() as $pos => $pos_label ) { ?>
27		- <option value="<?php echo esc_attr( $pos ); ?>" <?php selected( $style->post_content['position'], $pos ); ?>><?php echo esc_html( $pos_label ); ?></option>
28		- <?php } ?>
29		- </select>
30		-</p>
	38	+ <div class="frm5 frm_form_field">
	39	+ <label
	40	+ for="frm_font_size"
	41	+ class="frm-style-item-heading"><?php esc_html_e( 'Font Size', 'formidable' ); ?></label>
	42	+ </div>
	43	+ <div class="frm7 frm_form_field">
	44	+ <?php
	45	+ new FrmSliderStyleComponent(
	46	+ $frm_style->get_field_name( 'font_size' ),
	47	+ $style->post_content['font_size'],
	48	+ array(
	49	+ 'id' => 'frm_font_size',
	50	+ 'max_value' => 100,
	51	+ )
	52	+ );
	53	+ ?>
	54	+ </div>
31	55
32		-<p class="frm4 frm_form_field">
33		- <label for="frm_align"><?php esc_html_e( 'Align', 'formidable' ); ?></label>
34		- <select name="<?php echo esc_attr( $frm_style->get_field_name( 'align' ) ); ?>" id="frm_align">
35		- <option value="left" <?php selected( $style->post_content['align'], 'left' ); ?>>
36		- <?php esc_html_e( 'left', 'formidable' ); ?>
37		- </option>
38		- <option value="right" <?php selected( $style->post_content['align'], 'right' ); ?>>
39		- <?php esc_html_e( 'right', 'formidable' ); ?>
40		- </option>
41		- </select>
42		-</p>
	56	+ <div class="frm5 frm_form_field">
	57	+ <label
	58	+ for="frm_required_weight"
	59	+ class="frm-style-item-heading"><?php esc_html_e( 'Weight', 'formidable' ); ?></label>
	60	+ </div>
	61	+ <div class="frm7 frm_form_field">
	62	+ <?php
	63	+ new FrmDropdownStyleComponent(
	64	+ $frm_style->get_field_name( 'weight' ),
	65	+ $style->post_content['weight'],
	66	+ array(
	67	+ 'id' => 'frm_required_weight',
	68	+ 'options' => FrmStyle::get_bold_options(),
	69	+ )
	70	+ );
	71	+ ?>
	72	+ </div>
43	73
44		-<p class="frm4 frm_form_field">
45		- <label><?php esc_html_e( 'Width', 'formidable' ); ?></label>
46		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'width' ) ); ?>" id="frm_width" value="<?php echo esc_attr( $style->post_content['width'] ); ?>" />
47		-</p>
	74	+ <div class="frm5 frm_form_field">
	75	+ <label
	76	+ for="frm_position"
	77	+ class="frm-style-item-heading"><?php esc_html_e( 'Position', 'formidable' ); ?></label>
	78	+ </div>
	79	+ <div class="frm7 frm_form_field">
	80	+ <?php
	81	+ new FrmDropdownStyleComponent(
	82	+ $frm_style->get_field_name( 'position' ),
	83	+ $style->post_content['position'],
	84	+ array(
	85	+ 'id' => 'frm_position',
	86	+ 'options' => FrmStylesHelper::get_css_label_positions(),
	87	+ )
	88	+ );
	89	+ ?>
	90	+ </div>
48	91
49		-<p class="frm4 frm_first frm_form_field">
50		- <label><?php esc_html_e( 'Padding', 'formidable' ); ?></label>
51		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'label_padding' ) ); ?>" id="frm_label_padding" value="<?php echo esc_attr( $style->post_content['label_padding'] ); ?>" />
52		-</p>
	92	+ <div class="frm5 frm_form_field">
	93	+ <label
	94	+ for="frm_label_align"
	95	+ class="frm-style-item-heading"><?php esc_html_e( 'Align', 'formidable' ); ?></label>
	96	+ </div>
	97	+ <div class="frm7 frm_form_field frm-sm-z-index">
	98	+ <?php
	99	+ new FrmAlignStyleComponent(
	100	+ $frm_style->get_field_name( 'align' ),
	101	+ $style->post_content['align'],
	102	+ array(
	103	+ 'id' => 'frm_label_align',
	104	+ 'options' => array( 'left', 'right' ),
	105	+ )
	106	+ );
	107	+ ?>
	108	+ </div>
53	109
54		-<h4 class="frm_clear">
55		- <span><?php esc_html_e( 'Required Indicator', 'formidable' ); ?></span>
56		-</h4>
57		-<p class="frm4 frm_first frm_form_field">
58		- <label class="background"><?php esc_html_e( 'Color', 'formidable' ); ?></label>
59		- <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'required_color' ) ); ?>" id="frm_required_color" class="hex" value="<?php echo esc_attr( $style->post_content['required_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'required_color' ); ?> />
60		-</p>
61		-<p class="frm4 frm_form_field">
62		- <label><?php esc_html_e( 'Weight', 'formidable' ); ?></label>
63		- <select name="<?php echo esc_attr( $frm_style->get_field_name( 'required_weight' ) ); ?>" id="frm_required_weight">
64		- <?php foreach ( FrmStyle::get_bold_options() as $value => $name ) { ?>
65		- <option value="<?php echo esc_attr( $value ); ?>" <?php selected( $style->post_content['required_weight'], $value ); ?>><?php echo esc_html( $name ); ?></option>
66		- <?php } ?>
67		- </select>
68		-</p>
	110	+ <div class="frm5 frm_form_field">
	111	+ <label
	112	+ for="frm_width"
	113	+ class="frm-style-item-heading"><?php esc_html_e( 'Width', 'formidable' ); ?></label>
	114	+ </div>
	115	+ <div class="frm7 frm_form_field frm-md-z-index">
	116	+ <?php
	117	+ new FrmSliderStyleComponent(
	118	+ $frm_style->get_field_name( 'width' ),
	119	+ $style->post_content['width'],
	120	+ array(
	121	+ 'id' => 'frm_width',
	122	+ 'max_value' => 300,
	123	+ )
	124	+ );
	125	+ ?>
	126	+ </div>
	127	+
	128	+ <div class="frm5 frm_form_field">
	129	+ <label
	130	+ for="frm_label_padding"
	131	+ class="frm-style-item-heading"><?php esc_html_e( 'Padding', 'formidable' ); ?></label>
	132	+ </div>
	133	+ <div class="frm7 frm_form_field">
	134	+ <?php
	135	+ new FrmSliderStyleComponent(
	136	+ $frm_style->get_field_name( 'label_padding' ),
	137	+ $style->post_content['label_padding'],
	138	+ array(
	139	+ 'id' => 'frm_label_padding',
	140	+ 'type' => 'vertical-margin',
	141	+ 'max_value' => 100,
	142	+ )
	143	+ );
	144	+ ?>
	145	+ </div>
	146	+ </div>
	147	+ </div>
	148	+
	149	+ <div>
	150	+ <div class="frm_grid_container">
	151	+ <div class="frm5 frm_form_field">
	152	+ <label
	153	+ for="frm_required_color"
	154	+ class="frm-style-item-heading"><?php esc_html_e( 'Color', 'formidable' ); ?></label>
	155	+ </div>
	156	+ <div class="frm7 frm_form_field">
	157	+ <?php
	158	+ new FrmColorpickerStyleComponent(
	159	+ $frm_style->get_field_name( 'required_color' ),
	160	+ $style->post_content['required_color'],
	161	+ array(
	162	+ 'id' => 'frm_required_color',
	163	+ 'action_slug' => 'required_color',
	164	+ )
	165	+ );
	166	+ ?>
	167	+ </div>
	168	+
	169	+ <div class="frm5 frm_form_field">
	170	+ <label
	171	+ for="frm_required_weight"
	172	+ class="frm-style-item-heading"><?php esc_html_e( 'Weight', 'formidable' ); ?></label>
	173	+ </div>
	174	+ <div class="frm7 frm_form_field">
	175	+ <?php
	176	+ new FrmDropdownStyleComponent(
	177	+ $frm_style->get_field_name( 'required_weight' ),
	178	+ $style->post_content['required_weight'],
	179	+ array(
	180	+ 'id' => 'frm_required_weight',
	181	+ 'options' => FrmStyle::get_bold_options(),
	182	+ )
	183	+ );
	184	+ ?>
	185	+ </div>
	186	+ </div>
	187	+ </div>
	188	+ </div>
	189	+ </div>
	190	+</div>