← All changes
|
classes/views/frm-fields/back-end/layout-classes.php
+29
-22
6.3.1
→
trunk
View file →
| @@ -1,16 +1,19 @@ | ||
| 1 | 1 | <?php |
| 2 | +/** | |
| 3 | + * CSS layout classes modal content. | |
| 4 | + * | |
| 5 | + * @package Formidable | |
| 6 | + */ | |
| 7 | + | |
| 2 | 8 | if ( ! defined( 'ABSPATH' ) ) { |
| 3 | 9 | die( 'You are not allowed to call this page directly.' ); |
| 4 | 10 | } |
| 5 | 11 | ?> |
| 6 | 12 | <div id="frm-layout-classes"> |
| 7 | - <p class="howto"> | |
| 8 | - <?php esc_html_e( 'Click on any box below to set the width for your selected field.', 'formidable' ); ?> | |
| 9 | - </p> | |
| 10 | 13 | <ul class="frm_code_list frm_grid_container"> |
| 11 | 14 | <li class="frm_half frm_form_field"> |
| 12 | - <a href="javascript:void(0);" data-code="frm_half" class="frm_insert_code show_frm_classes"> | |
| 15 | + <a href="javascript:void(0);" data-code="frm_half" class="frm_insert_code show_frm_classes" tabindex="0"> | |
| 13 | 16 | 1/2 |
| 14 | 17 | </a> |
| 15 | 18 | </li> |
| 16 | 19 | <?php |
| @@ -16,9 +19,9 @@ | ||
| 16 | 19 | <?php |
| 17 | 20 | foreach ( FrmFormsHelper::grid_classes() as $c => $d ) { |
| 18 | 21 | ?> |
| 19 | 22 | <li class="<?php echo esc_attr( $c ); ?> frm_form_field"> |
| 20 | - <a href="javascript:void(0);" data-code="<?php echo esc_attr( $c ); ?>" class="frm_insert_code show_frm_classes"> | |
| 23 | + <a href="javascript:void(0);" data-code="<?php echo esc_attr( $c ); ?>" class="frm_insert_code show_frm_classes" tabindex="0"> | |
| 21 | 24 | <?php echo esc_html( FrmFormsHelper::style_class_label( $d, $c ) ); ?> |
| 22 | 25 | </a> |
| 23 | 26 | </li> |
| 24 | 27 | <?php |
| @@ -26,24 +29,28 @@ | ||
| 26 | 29 | } |
| 27 | 30 | ?> |
| 28 | 31 | </ul> |
| 29 | 32 | |
| 30 | - <h4 class="frm-with-line"> | |
| 31 | - <span><?php esc_html_e( 'Other Style Classes', 'formidable' ); ?></span> | |
| 33 | + <h4 class="frm-collapsible frm-collapsed" role="button" aria-expanded="false" tabindex="0" aria-label="<?php esc_attr_e( 'Other Style Classes', 'formidable' ); ?>" aria-controls="collapsible-section"> | |
| 34 | + <?php esc_html_e( 'Other Style Classes', 'formidable' ); ?> | |
| 35 | + <?php FrmAppHelper::icon_by_class( 'frmfont frm_arrowdown8_icon frm_svg13', array( 'aria-hidden' => 'true' ) ); ?> | |
| 32 | 36 | </h4> |
| 33 | - <ul class="frm_code_list frm-full-hover"> | |
| 34 | - <?php | |
| 35 | - foreach ( FrmFormsHelper::css_classes() as $c => $d ) { | |
| 36 | - $title = ( ! empty( $d ) && is_array( $d ) && isset( $d['title'] ) ) ? $d['title'] : ''; | |
| 37 | + | |
| 38 | + <div class="frm-collapse-me" role="group"> | |
| 39 | + <ul class="frm_code_list frm-full-hover"> | |
| 40 | + <?php | |
| 41 | + foreach ( FrmFormsHelper::css_classes() as $c => $d ) { | |
| 42 | + $title = $d && is_array( $d ) && isset( $d['title'] ) ? $d['title'] : ''; | |
| 43 | + ?> | |
| 44 | + <li> | |
| 45 | + <a href="javascript:void(0);" data-code="<?php echo esc_attr( $c ); ?>" class="frm_insert_code show_frm_classes<?php echo esc_attr( $title ? ' frm_help' : '' ); ?>" tabindex="0" <?php echo ( $title ? ' title="' . esc_attr( $title ) . '"' : '' ); ?>> | |
| 46 | + <span><?php echo esc_html( FrmFormsHelper::style_class_label( $d, $c ) ); ?></span> | |
| 47 | + <span class="frm-text-grey-500"><?php echo esc_html( $c ); ?></span> | |
| 48 | + </a> | |
| 49 | + </li> | |
| 50 | + <?php | |
| 51 | + unset( $c, $d ); | |
| 52 | + } | |
| 37 | 53 | ?> |
| 38 | - <li> | |
| 39 | - <a href="javascript:void(0);" data-code="<?php echo esc_attr( $c ); ?>" class="frm_insert_code show_frm_classes<?php echo esc_attr( ! empty( $title ) ? ' frm_help' : '' ); ?>" <?php echo ( ! empty( $title ) ? ' title="' . esc_attr( $title ) . '"' : '' ); ?>> | |
| 40 | - <?php echo esc_html( FrmFormsHelper::style_class_label( $d, $c ) ); ?> | |
| 41 | - <span><?php echo esc_html( $c ); ?></span> | |
| 42 | - </a> | |
| 43 | - </li> | |
| 44 | - <?php | |
| 45 | - unset( $c, $d ); | |
| 46 | - } | |
| 47 | - ?> | |
| 48 | - </ul> | |
| 54 | + </ul> | |
| 55 | + </div> | |
| 49 | 56 | </div> |