I couldn’t figure out why the error occurred still.
So I made page without elementor editor.
I use custom html in the page like
_____________________________________________________
<section>
<details>
<summary>Window Cleaning</summary>
<p>
[zigaform-estimator id=”1″]
</p>
</details>
<hr/>
<details>
<summary>House Cleaning</summary>
<p><div class=”house-cleaning”>
[zigaform-estimator id=”2″]
</div></p>
</details>
<hr/>
<details>
<summary>Retail Store Cleaning</summary>
<p>[zigaform-estimator id=”3″]</p>
</details>
<hr/>
<details>
<summary>Move In/Out Cleaning
</summary>
<p>[zigaform-estimator id=”4″] </p>
</details>
<hr/>
<details>
<summary>Sanitize/ Cleaning</summary>
<p>[zigaform-estimator id=”5″] </p>
</details>
</section>
______________________________________________________________
I also add the following custom CSS by plugin called Custom CSS + JS.
So the shortcodes in the html can do there jobs.
______________________________________________________________
function wpf_dev_html_field_shortcodes( $field, $field_atts, $form_data ) {
if ( ! empty( $field[‘code’] ) ) {
$field[‘code’] = do_shortcode( $field[‘code’] );
}
return $field;
}
add_filter( ‘wpforms_html_field_display’, ‘wpf_dev_html_field_shortcodes’, 10, 3 );
___________________________________________________________
Now html code is working like a toggle…
I need to fix couple things still such as make the pointer work
when hover the pointer to the summary(toggle title) part
but in case there is someone who have same issue,
I just leave what I did for this case.
-
This reply was modified 4 years, 11 months ago by
kaoringo.
-
This reply was modified 4 years, 11 months ago by
kaoringo.
-
This reply was modified 4 years, 11 months ago by
kaoringo.