| @@ -2,47 +2,115 @@ | ||
| 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( 'description_color' ) ); ?>" id="frm_description_color" class="hex" value="<?php echo esc_attr( $style->post_content['description_color'] ); ?>" <?php do_action( 'frm_style_settings_input_atts', 'description_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( 'description_weight' ) ); ?>" id="frm_description_weight"> | |
| 13 | - <?php foreach ( FrmStyle::get_bold_options() as $value => $name ) { ?> | |
| 14 | - <option value="<?php echo esc_attr( $value ); ?>" <?php selected( $style->post_content['description_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( 'Style', 'formidable' ); ?></label> | |
| 20 | - <select name="<?php echo esc_attr( $frm_style->get_field_name( 'description_style' ) ); ?>" id="frm_description_style"> | |
| 21 | - <option value="normal" <?php selected( $style->post_content['description_style'], 'normal' ); ?>> | |
| 22 | - <?php esc_html_e( 'normal', 'formidable' ); ?> | |
| 23 | - </option> | |
| 24 | - <option value="italic" <?php selected( $style->post_content['description_style'], 'italic' ); ?>> | |
| 25 | - <?php esc_html_e( 'italic', 'formidable' ); ?> | |
| 26 | - </option> | |
| 27 | - </select> | |
| 28 | -</p> | |
| 6 | +<div class="frm5 frm_form_field"> | |
| 7 | + <label | |
| 8 | + for="frm_description_color" | |
| 9 | + class="frm-style-item-heading"><?php esc_html_e( 'Color', 'formidable' ); ?></label> | |
| 10 | +</div> | |
| 11 | +<div class="frm7 frm_form_field"> | |
| 12 | + <?php | |
| 13 | + new FrmColorpickerStyleComponent( | |
| 14 | + $frm_style->get_field_name( 'description_color' ), | |
| 15 | + $style->post_content['description_color'], | |
| 16 | + array( | |
| 17 | + 'id' => 'frm_description_color', | |
| 18 | + 'action_slug' => 'description_color', | |
| 19 | + ) | |
| 20 | + ); | |
| 21 | + ?> | |
| 22 | +</div> | |
| 29 | 23 | |
| 30 | -<p class="frm4 frm_first frm_form_field"> | |
| 31 | - <label><?php esc_html_e( 'Size', 'formidable' ); ?></label> | |
| 32 | - <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'description_font_size' ) ); ?>" id="frm_description_font_size" value="<?php echo esc_attr( $style->post_content['description_font_size'] ); ?>" size="3" /> | |
| 33 | -</p> | |
| 34 | -<p class="frm4 frm_form_field"> | |
| 35 | - <label><?php esc_html_e( 'Align', 'formidable' ); ?></label> | |
| 36 | - <select name="<?php echo esc_attr( $frm_style->get_field_name( 'description_align' ) ); ?>" id="frm_description_align"> | |
| 37 | - <option value="left" <?php selected( $style->post_content['description_align'], 'left' ); ?>> | |
| 38 | - <?php esc_html_e( 'left', 'formidable' ); ?> | |
| 39 | - </option> | |
| 40 | - <option value="right" <?php selected( $style->post_content['description_align'], 'right' ); ?>> | |
| 41 | - <?php esc_html_e( 'right', 'formidable' ); ?> | |
| 42 | - </option> | |
| 43 | - </select> | |
| 44 | -</p> | |
| 45 | -<p class="frm4 frm_form_field"> | |
| 46 | - <label><?php esc_html_e( 'Margin', 'formidable' ); ?></label> | |
| 47 | - <input type="text" name="<?php echo esc_attr( $frm_style->get_field_name( 'description_margin' ) ); ?>" id="frm_description_margin" value="<?php echo esc_attr( $style->post_content['description_margin'] ); ?>" size="3" /> | |
| 48 | -</p> | |
| 24 | +<div class="frm5 frm_form_field"> | |
| 25 | + <label | |
| 26 | + for="frm_description_font_size" | |
| 27 | + class="frm-style-item-heading"><?php esc_html_e( 'Font Size', 'formidable' ); ?></label> | |
| 28 | +</div> | |
| 29 | +<div class="frm7 frm_form_field"> | |
| 30 | + <?php | |
| 31 | + new FrmSliderStyleComponent( | |
| 32 | + $frm_style->get_field_name( 'description_font_size' ), | |
| 33 | + $style->post_content['description_font_size'], | |
| 34 | + array( | |
| 35 | + 'id' => 'frm_description_font_size', | |
| 36 | + 'max_value' => 300, | |
| 37 | + ) | |
| 38 | + ); | |
| 39 | + ?> | |
| 40 | +</div> | |
| 41 | + | |
| 42 | +<div class="frm5 frm_form_field"> | |
| 43 | + <label | |
| 44 | + for="frm_description_weight" | |
| 45 | + class="frm-style-item-heading"><?php esc_html_e( 'Weight', 'formidable' ); ?></label> | |
| 46 | +</div> | |
| 47 | +<div class="frm7 frm_form_field"> | |
| 48 | + <?php | |
| 49 | + new FrmDropdownStyleComponent( | |
| 50 | + $frm_style->get_field_name( 'description_weight' ), | |
| 51 | + $style->post_content['description_weight'], | |
| 52 | + array( | |
| 53 | + 'id' => 'frm_description_weight', | |
| 54 | + 'options' => FrmStyle::get_bold_options(), | |
| 55 | + ) | |
| 56 | + ); | |
| 57 | + ?> | |
| 58 | +</div> | |
| 59 | + | |
| 60 | +<div class="frm5 frm_form_field"> | |
| 61 | + <label | |
| 62 | + for="frm_description_style" | |
| 63 | + class="frm-style-item-heading"><?php esc_html_e( 'Style', 'formidable' ); ?></label> | |
| 64 | +</div> | |
| 65 | +<div class="frm7 frm_form_field"> | |
| 66 | + <?php | |
| 67 | + new FrmDropdownStyleComponent( | |
| 68 | + $frm_style->get_field_name( 'description_style' ), | |
| 69 | + $style->post_content['description_style'], | |
| 70 | + array( | |
| 71 | + 'id' => 'frm_description_style', | |
| 72 | + 'options' => array( | |
| 73 | + 'normal' => esc_html__( 'normal', 'formidable' ), | |
| 74 | + 'italic' => esc_html__( 'italic', 'formidable' ), | |
| 75 | + ), | |
| 76 | + ) | |
| 77 | + ); | |
| 78 | + ?> | |
| 79 | +</div> | |
| 80 | + | |
| 81 | +<div class="frm5 frm_form_field"> | |
| 82 | + <label | |
| 83 | + for="frm_description_align" | |
| 84 | + class="frm-style-item-heading"><?php esc_html_e( 'Align', 'formidable' ); ?></label> | |
| 85 | +</div> | |
| 86 | +<div class="frm7 frm_form_field frm-sm-z-index"> | |
| 87 | + <?php | |
| 88 | + new FrmAlignStyleComponent( | |
| 89 | + $frm_style->get_field_name( 'description_align' ), | |
| 90 | + $style->post_content['description_align'], | |
| 91 | + array( | |
| 92 | + 'id' => 'frm_description_align', | |
| 93 | + 'options' => array( 'left', 'right' ), | |
| 94 | + ) | |
| 95 | + ); | |
| 96 | + ?> | |
| 97 | +</div> | |
| 98 | + | |
| 99 | +<div class="frm5 frm_form_field"> | |
| 100 | + <label | |
| 101 | + for="frm_description_margin" | |
| 102 | + class="frm-style-item-heading"><?php esc_html_e( 'Margin', 'formidable' ); ?></label> | |
| 103 | +</div> | |
| 104 | +<div class="frm7 frm_form_field frm-md-z-index"> | |
| 105 | + <?php | |
| 106 | + new FrmSliderStyleComponent( | |
| 107 | + $frm_style->get_field_name( 'description_margin' ), | |
| 108 | + $style->post_content['description_margin'], | |
| 109 | + array( | |
| 110 | + 'id' => 'frm_description_margin', | |
| 111 | + 'type' => 'vertical-margin', | |
| 112 | + 'max_value' => 100, | |
| 113 | + ) | |
| 114 | + ); | |
| 115 | + ?> | |
| 116 | +</div> | |