← All changes | classes/views/styles/_sample_form.php +76 -79 6.3 → 5.4 View file →

		@@ -1,101 +1,98 @@
1	1	<?php
2	2	if ( ! defined( 'ABSPATH' ) ) {
3	3	die( 'You are not allowed to call this page directly.' );
4	4	}
5		-
6		-$pos_class = 'frm_' . ( $style->post_content['position'] == 'none' ? 'top' : ( $style->post_content['position'] == 'no_label' ? 'none' : $style->post_content['position'] ) ) . '_container';
7	5	?>
	6	+<h2 class="frm-h2">
	7	+ <?php esc_html_e( 'Style a Sample Form', 'formidable' ); ?>
	8	+</h2>
	9	+<p class="howto">
	10	+ <?php esc_html_e( 'Use the options in the sidebar to customize the style of your forms. Any changes made here will affect any forms that are using this style.', 'formidable' ); ?>
	11	+</p>
8	12	<div class="frm_forms with_frm_style frm_style_<?php echo esc_attr( $style->post_name ); ?> <?php echo esc_attr( FrmAppHelper::pro_is_installed() ? 'frm_pro_form' : 'frm_lite_form' ); ?>">
9		- <div class="frm-show-form">
10		- <div class="frm_form_fields">
11		- <fieldset>
12		- <h3 class="frm_form_title"><?php esc_html_e( 'Form Title', 'formidable' ); ?></h3>
	13	+<div class="frm-show-form">
13	14
14		- <div class="frm_description"><p><?php esc_html_e( 'This is an example form description for styling purposes.', 'formidable' ); ?></p></div>
	15	+<?php $pos_class = 'frm_pos_container frm_' . ( $style->post_content['position'] == 'none' ? 'top' : ( $style->post_content['position'] == 'no_label' ? 'none' : $style->post_content['position'] ) ) . '_container'; ?>
15	16
16		- <div class="frm_fields_container">
17		- <div class="frm_form_field frm_half frm_first form-field <?php echo esc_attr( $pos_class ); ?>">
18		- <label class="frm_primary_label"><?php esc_html_e( 'Text field', 'formidable' ); ?> <span class="frm_required">*</span></label>
19		- <input type="text" value="<?php esc_attr_e( 'This is sample text', 'formidable' ); ?>" />
20		- <div class="frm_description"><?php esc_html_e( 'A field with a description', 'formidable' ); ?></div>
21		- </div>
	17	+<div class="frm_form_fields frm_sample_form">
	18	+<fieldset>
	19	+<h3 class="frm_form_title"><?php esc_html_e( 'Form Title', 'formidable' ); ?></h3>
	20	+<div class="frm_description"><p><?php esc_html_e( 'This is an example form description for styling purposes.', 'formidable' ); ?></p></div>
22	21
23		- <div class="frm_form_field form-field frm_half <?php echo esc_attr( $pos_class ); ?>">
24		- <label for="field_wq7w5e" class="frm_primary_label"><?php esc_html_e( 'Drop-down Select', 'formidable' ); ?></label>
	22	+<div class="frm_fields_container">
	23	+<div class="frm_form_field frm_half frm_first form-field <?php echo esc_attr( $pos_class ); ?>">
	24	+<label class="frm_primary_label"><?php esc_html_e( 'Text field', 'formidable' ); ?> <span class="frm_required">*</span></label>
	25	+<input type="text" value="<?php esc_attr_e( 'This is sample text', 'formidable' ); ?>"/>
	26	+<div class="frm_description"><?php esc_html_e( 'A field with a description', 'formidable' ); ?></div>
	27	+</div>
25	28
26		- <select name="item_meta[1028]" id="field_wq7w5e" >
27		- <option value=""> </option>
28		- <option value="option-1"><?php esc_html_e( 'Option 1', 'formidable' ); ?></option>
29		- </select>
30		- </div>
	29	+<div class="frm_form_field form-field frm_half <?php echo esc_attr( $pos_class ); ?>">
	30	+ <label for="field_wq7w5e" class="frm_primary_label"><?php esc_html_e( 'Drop-down Select', 'formidable' ); ?></label>
31	31
32		- <div class="frm_form_field form-field frm_third frm_first frm_blank_field <?php echo esc_attr( $pos_class ); ?>">
33		- <label class="frm_primary_label"><?php esc_html_e( 'Text field with error', 'formidable' ); ?> <span class="frm_required">*</span></label>
34		- <input type="text" value="<?php esc_attr_e( 'This is sample text', 'formidable' ); ?>" />
35		- <div class="frm_error"><?php echo esc_html( $frm_settings->blank_msg ); ?></div>
36		- </div>
	32	+ <select name="item_meta[1028]" id="field_wq7w5e" >
	33	+ <option value=""> </option>
	34	+ <option value=""><?php esc_html_e( 'Option 1', 'formidable' ); ?></option>
	35	+ </select>
	36	+</div>
37	37
38		- <div class="frm_form_field frm_third form-field frm_focus_field <?php echo esc_attr( $pos_class ); ?>">
39		- <label class="frm_primary_label"><?php esc_html_e( 'Text field in active state', 'formidable' ); ?> <span class="frm_required">*</span></label>
40		- <input type="text" value="<?php esc_attr_e( 'Active state will be seen when the field is clicked', 'formidable' ); ?>" />
41		- </div>
	38	+<div class="frm_form_field form-field frm_third frm_first frm_blank_field <?php echo esc_attr( $pos_class ); ?>">
	39	+<label class="frm_primary_label"><?php esc_html_e( 'Text field with error', 'formidable' ); ?> <span class="frm_required">*</span></label>
	40	+<input type="text" value="<?php esc_attr_e( 'This is sample text', 'formidable' ); ?>"/>
	41	+<div class="frm_error"><?php echo esc_html( $frm_settings->blank_msg ); ?></div>
	42	+</div>
42	43
43		- <div class="frm_form_field frm_third form-field <?php echo esc_attr( $pos_class ); ?>">
44		- <label class="frm_primary_label"><?php esc_html_e( 'Read-only field', 'formidable' ); ?></label>
45		- <input type="text" value="<?php esc_attr_e( 'This field is not editable', 'formidable' ); ?>" disabled="disabled" />
46		- </div>
	44	+<div class="frm_form_field frm_third form-field frm_focus_field <?php echo esc_attr( $pos_class ); ?>">
	45	+<label class="frm_primary_label"><?php esc_html_e( 'Text field in active state', 'formidable' ); ?> <span class="frm_required">*</span></label>
	46	+<input type="text" value="<?php esc_attr_e( 'Active state will be seen when the field is clicked', 'formidable' ); ?>" />
	47	+</div>
47	48
48		- <div class="frm_form_field form-field frm_half frm_first <?php echo esc_attr( $pos_class ); ?> frm_lite_style">
49		- <label class="frm_primary_label"><?php esc_html_e( 'Text Area', 'formidable' ); ?></label>
50		- <textarea></textarea>
51		- <div class="frm_description"><?php esc_html_e( 'Another field with a description', 'formidable' ); ?></div>
52		- </div>
	49	+<div class="frm_form_field frm_third form-field <?php echo esc_attr( $pos_class ); ?>">
	50	+<label class="frm_primary_label"><?php esc_html_e( 'Read-only field', 'formidable' ); ?></label>
	51	+<input type="text" value="<?php esc_attr_e( 'This field is not editable', 'formidable' ); ?>" disabled="disabled" />
	52	+</div>
53	53
54		- <div class="frm_form_field form-field frm_fourth <?php echo esc_attr( $pos_class ); ?> frm_lite_style">
55		- <label class="frm_primary_label"><?php esc_html_e( 'Radio Buttons', 'formidable' ); ?></label>
56		- <div class="frm_opt_container">
57		- <div class="frm_radio"><label><input type="radio" name="item_meta[1029]" /><?php esc_html_e( 'Option 1', 'formidable' ); ?></label></div>
58		- <div class="frm_radio"><label><input type="radio" name="item_meta[1029]" /><?php esc_html_e( 'Option 2', 'formidable' ); ?></label></div>
59		- </div>
60		- </div>
	54	+<div class="frm_form_field form-field frm_half frm_first <?php echo esc_attr( $pos_class ); ?> frm_lite_style">
	55	+ <label class="frm_primary_label"><?php esc_html_e( 'Text Area', 'formidable' ); ?></label>
	56	+ <textarea></textarea>
	57	+ <div class="frm_description"><?php esc_html_e( 'Another field with a description', 'formidable' ); ?></div>
	58	+</div>
61	59
62		- <div class="frm_form_field form-field frm_fourth <?php echo esc_attr( $pos_class ); ?> frm_lite_style">
63		- <label class="frm_primary_label"><?php esc_html_e( 'Check Boxes', 'formidable' ); ?></label>
64		- <div class="frm_opt_container">
65		- <div class="frm_checkbox"><label><input type="checkbox" /><?php esc_html_e( 'Option 1', 'formidable' ); ?></label></div>
66		- <div class="frm_checkbox"><label><input type="checkbox" /><?php esc_html_e( 'Option 2', 'formidable' ); ?></label></div>
67		- </div>
68		- </div>
	60	+<div class="frm_form_field form-field frm_fourth <?php echo esc_attr( $pos_class ); ?> frm_lite_style">
	61	+ <label class="frm_primary_label"><?php esc_html_e( 'Radio Buttons', 'formidable' ); ?></label>
	62	+ <div class="frm_opt_container">
	63	+ <div class="frm_radio"><label><input type="radio" /><?php esc_html_e( 'Option 1', 'formidable' ); ?></label></div>
	64	+ <div class="frm_radio"><label><input type="radio" /><?php esc_html_e( 'Option 2', 'formidable' ); ?></label></div>
	65	+ </div>
	66	+</div>
69	67
70		- <?php
71		- /**
72		- * @since 2.03
73		- *
74		- * @param array $args {
75		- * @type WP_Post $style
76		- * @type string $pos_class
77		- * }
78		- */
79		- do_action( 'frm_sample_style_form', compact( 'style', 'pos_class' ) );
80		- ?>
	68	+<div class="frm_form_field form-field frm_fourth <?php echo esc_attr( $pos_class ); ?> frm_lite_style">
	69	+ <label class="frm_primary_label"><?php esc_html_e( 'Check Boxes', 'formidable' ); ?></label>
	70	+ <div class="frm_opt_container">
	71	+ <div class="frm_checkbox"><label><input type="checkbox" /><?php esc_html_e( 'Option 1', 'formidable' ); ?></label></div>
	72	+ <div class="frm_checkbox"><label><input type="checkbox" /><?php esc_html_e( 'Option 2', 'formidable' ); ?></label></div>
	73	+ </div>
	74	+</div>
81	75
82		- <div class="frm_submit">
83		- <input type="submit" class="frm-opacity-100" value="<?php esc_attr_e( 'Submit', 'formidable' ); ?>" />
84		- </div>
	76	+<?php do_action( 'frm_sample_style_form', compact( 'style', 'pos_class' ) ); ?>
85	77
86		- <div class="clear"></div>
	78	+<div class="frm_submit">
	79	+<input type="submit" disabled="disabled" class="frm_full_opacity" value="<?php esc_attr_e( 'Submit', 'formidable' ); ?>" />
	80	+</div>
	81	+<div class="clear"></div>
87	82
88		- <div class="frm_message">
89		- <strong><?php esc_html_e( 'SAMPLE:', 'formidable' ); ?></strong>
90		- <?php echo wp_kses_post( $frm_settings->success_msg ); ?>
91		- </div>
	83	+<div class="frm_message">
	84	+ <strong><?php esc_html_e( 'SAMPLE:', 'formidable' ); ?></strong>
	85	+ <?php echo wp_kses_post( $frm_settings->success_msg ); ?>
	86	+</div>
92	87
93		- <div class="frm_error_style">
94		- <strong><?php esc_html_e( 'SAMPLE:', 'formidable' ); ?></strong>
95		- <?php echo wp_kses_post( $frm_settings->invalid_msg ); ?>
96		- </div>
97		- </div>
98		- </fieldset>
99		- </div>
100		- </div>
	88	+<div class="frm_error_style">
	89	+ <strong><?php esc_html_e( 'SAMPLE:', 'formidable' ); ?></strong>
	90	+ <?php echo wp_kses_post( $frm_settings->invalid_msg ); ?>
	91	+</div>
	92	+
	93	+</div>
	94	+
	95	+</fieldset>
	96	+</div>
	97	+</div>
101	98	</div>