| @@ -4,11 +4,21 @@ | ||
| 4 | 4 | use IvyForms\Services\Shortcode\ShortcodeService; |
| 5 | 5 | |
| 6 | 6 | /** @var int $counter */ |
| 7 | 7 | $form = ShortcodeService::$formList[$counter]; |
| 8 | +$formId = $form['id'] ?? 0; | |
| 9 | +$customCssClass = ''; | |
| 10 | +if (!empty($form['form']['styleSettings']['customCssClass'])) { | |
| 11 | + $customCssClass = ' ' . esc_attr($form['form']['styleSettings']['customCssClass']); | |
| 12 | +} | |
| 8 | 13 | ?> |
| 9 | 14 | |
| 10 | -<div id="ivyforms-app-<?php echo esc_attr($counter) ?>" class="ivyforms ivyforms-frontend" data-counter="<?php echo esc_attr($counter) ?>"> | |
| 15 | +<div id="ivyforms-app-<?php echo esc_attr($counter) ?>" | |
| 16 | + class="ivyforms ivyforms-frontend ivyforms-form-<?php echo esc_attr($formId) ?> ivyforms-form-wrapper-<?php echo esc_attr($formId) ?><?php echo $customCssClass ?>" | |
| 17 | + data-counter="<?php echo esc_attr($counter) ?>" | |
| 18 | + data-post-id="<?php echo esc_attr(get_the_ID()); ?>" | |
| 19 | + data-referer-url="<?php echo esc_attr(wp_get_referer() ?: ''); ?>" | |
| 20 | +> | |
| 11 | 21 | <form-render id="ivyforms-form-<?php echo esc_attr($counter) ?>"></form-render> |
| 12 | 22 | </div> |
| 13 | 23 | <!-- Wrapper for skeleton --> |
| 14 | 24 | <div class="ivyforms-skeleton ivyforms-skeleton-<?php echo esc_attr($counter)?>" > |
| @@ -14,9 +24,9 @@ | ||
| 14 | 24 | <div class="ivyforms-skeleton ivyforms-skeleton-<?php echo esc_attr($counter)?>" > |
| 15 | 25 | <div class="ivyforms-skeleton-title ivyforms-skeleton-animate"></div> |
| 16 | 26 | |
| 17 | 27 | <?php for ($i = 0; $i < count($form['fields']); $i++): ?> |
| 18 | - <?php $type = FieldType::sanitize($form['fields'][$i]['type']); ?> | |
| 28 | + <?php $type = FieldType::isValid($form['fields'][$i]['type']) ? $form['fields'][$i]['type'] : '' ?> | |
| 19 | 29 | <div class="ivyforms-skeleton-field"> |
| 20 | 30 | <div class="ivyforms-skeleton-label ivyforms-skeleton-animate"></div> |
| 21 | 31 | <div class="ivyforms-skeleton-input ivyforms-skeleton-<?php echo esc_attr($type) ?> ivyforms-skeleton-animate"></div> |
| 22 | 32 | </div> |
