| @@ -4,12 +4,17 @@ | ||
| 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 | 15 | <div id="ivyforms-app-<?php echo esc_attr($counter) ?>" |
| 11 | - class="ivyforms ivyforms-frontend" | |
| 16 | + class="ivyforms ivyforms-frontend ivyforms-form-<?php echo esc_attr($formId) ?> ivyforms-form-wrapper-<?php echo esc_attr($formId) ?><?php echo $customCssClass ?>" | |
| 12 | 17 | data-counter="<?php echo esc_attr($counter) ?>" |
| 13 | 18 | data-post-id="<?php echo esc_attr(get_the_ID()); ?>" |
| 14 | 19 | data-referer-url="<?php echo esc_attr(wp_get_referer() ?: ''); ?>" |
| 15 | 20 | > |
| @@ -19,9 +24,9 @@ | ||
| 19 | 24 | <div class="ivyforms-skeleton ivyforms-skeleton-<?php echo esc_attr($counter)?>" > |
| 20 | 25 | <div class="ivyforms-skeleton-title ivyforms-skeleton-animate"></div> |
| 21 | 26 | |
| 22 | 27 | <?php for ($i = 0; $i < count($form['fields']); $i++): ?> |
| 23 | - <?php $type = FieldType::sanitize($form['fields'][$i]['type']); ?> | |
| 28 | + <?php $type = FieldType::isValid($form['fields'][$i]['type']) ? $form['fields'][$i]['type'] : '' ?> | |
| 24 | 29 | <div class="ivyforms-skeleton-field"> |
| 25 | 30 | <div class="ivyforms-skeleton-label ivyforms-skeleton-animate"></div> |
| 26 | 31 | <div class="ivyforms-skeleton-input ivyforms-skeleton-<?php echo esc_attr($type) ?> ivyforms-skeleton-animate"></div> |
| 27 | 32 | </div> |
