name = __( 'Columns', 'wp-user-frontend' ); $this->input_type = 'column_field'; $this->icon = 'columns'; } /** * Render the Section Break field * * @param array $field_settings * @param int $form_id * @param string $type * @param int $post_id * * @return void */ public function render( $field_settings, $form_id, $type = 'post', $post_id = null ) { $i = 1; $columns = $field_settings['columns']; $columns_size = $field_settings['inner_columns_size']; $column_space = $field_settings['column_space']; $inner_fields = $field_settings['inner_fields']; $atts = []; ?>
    • fields->render_fields( $inner_fields['column-' . $i], $form_id, $atts, $type, $post_id ); ?>
    • 'columns', 'title' => __( 'Number of Columns', 'wp-user-frontend' ), 'type' => 'range', 'section' => 'basic', 'priority' => 10, 'help_text' => __( 'Title of the section', 'wp-user-frontend' ), ], [ 'name' => 'column_space', 'title' => __( 'Space Between Columns', 'wp-user-frontend' ), 'type' => 'text', 'section' => 'basic', 'priority' => 11, 'help_text' => __( 'Add padding space between columns. e.g: 10', 'wp-user-frontend' ), ], [ 'name' => 'css', 'title' => __( 'CSS Class Name', 'wp-user-frontend' ), 'type' => 'text', 'section' => 'advanced', 'priority' => 22, 'help_text' => __( 'Provide a container class name for this field. Available classes: wpuf-col-half, wpuf-col-half-last, wpuf-col-one-third, wpuf-col-one-third-last', 'wp-user-frontend' ), ], ]; return apply_filters( 'wpuf_text_field_option_settings', $options ); } /** * Get the field props * * @return array */ public function get_field_props() { $props = [ 'input_type' => 'column_field', 'template' => $this->get_type(), 'id' => 0, 'is_new' => true, 'is_meta' => 'no', 'columns' => 3, 'min_column' => 1, 'max_column' => 3, 'column_space' => '5', 'inner_fields' => [ 'column-1' => [], 'column-2' => [], 'column-3' => [], ], 'inner_columns_size' => [ 'column-1' => '33.33%', 'column-2' => '33.33%', 'column-3' => '33.33%', ], ]; return $props; } }