Title: Form Loading when using HTML Content
Last modified: November 26, 2021
---
# Form Loading when using HTML Content
* Resolved [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 6 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/)
* hi there,
* i have created a html code where is display tabbed and the content.
i am currently
having issue in which, when i press the tab button, it display the tab content
and it also display the loading icon and i redirects me back to the page. Please
help
* The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fform-loading-when-using-html-content%2F%3Foutput_format%3Dmd&locale=en_US)
to see the link]_
Viewing 13 replies - 1 through 13 (of 13 total)
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [4 years, 6 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15106915)
* Hello [@namazee](https://wordpress.org/support/users/namazee/)
* Your code of the tabs includes some errors:
* * There is no `openType` function on your page.
* * If you don’t include a `type` attribute (`type="button"`) into a button tag,
it is by default a submit button.
* Best regards.
* Thread Starter [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 6 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15121672)
* Hi there,
* For the dropdown dependencies, is there a way to have 2 dropdowns requirements
being met before another area to be displayed.
* In example, if user select A from dropdown 1, and user select B in dropdown 2,
a specific output will be shown.. I have tried using the dependencies but it
is only for one single dropdown
* Please advice
Thanks
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [4 years, 6 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15121737)
* Hello [@namazee](https://wordpress.org/support/users/namazee/)
* To define dependencies with the combination of multiple fields, you have two
alternatives:
* First alternative:
– Insert a Div field in the form and the target field into
the div field. – Configure the Div field as dependent on the first dropdown field
and the target field as dependent on the second dropdown field.
* Now, the target field will be active only if the options of both dropdown fields
are selected.
* Second alternative:
– Insert a calculated field as an auxiliary to define the
dependency. For example, you can enter the equation:
* `IF(AND(fieldname1=='A', fieldname2=='B'), 1, 0)`
* And then, in the settings of the calculated field, you can define the dependency
to activate the target field if the equation’s value is equal to 1.
* More information about dependencies by reading the following post in the plugin’s
blog:
* [https://cff.dwbooster.com/blog/2020/03/01/dependencies](https://cff.dwbooster.com/blog/2020/03/01/dependencies)
* Best regards.
* Thread Starter [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 6 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15124488)
* Thank you for the suggestion.
* Upon trying out your first method, my form seems to be with issue.
* If my Shipping From = Guangzhou and Shipping To = West malaysia, i will give
me the correct and working tabbed content as the output.
* but if my Shipping From = Guangzhou and Shipping To = Sabah, it only gives me
the tab as the output and it wont expend and show the content..
* the tabbed content i created using html and inserted it using CFF htm content
option.
* page: [https://newsite.factohub.com/logistic](https://newsite.factohub.com/logistic)
Please advice Thank you
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [4 years, 6 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125097)
* Hello [@namazee](https://wordpress.org/support/users/namazee/)
* I tested your form, and the dependencies are working as you defined them. When
the user selects the “Sabah” choice, the form displays the fieldname23 field
and not the fieldname20 because you have configured fieldname23 as dependent
on the “Sabah” choice.
* Best regards.
* Thread Starter [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125334)
* hi there,
* yes it is, but the html content when sabah is being selected is not displaying
as per how it supposed to be (if west malaysia) being selected. The tab wont
expand like it should for sabah.. Both are using same HTML code
* Please advice
* Thread Starter [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125368)
* only one html content seems to be working and i wonder why.
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125491)
* Hello [@namazee](https://wordpress.org/support/users/namazee/)
* The content is not visible because you have assigned to it the style definition`
style="display:none"`
* Best regards.
* Thread Starter [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125514)
* Hi there,
* That does not seems to be the problem because i have removed style=”display:none”
but the problem still exist.. the tab can only expand if 1 html content is made
available in the form, if i have a few, only 1 is working, the others are not.
* On top of that, for testing purposes, i am using same codes for all the HTML
content, but only 1 is working, the others are not, so it cant be because of
style=”display:none” right
- This reply was modified 4 years, 5 months ago by [namazee](https://wordpress.org/support/users/namazee/).
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125595)
* Hello [@namazee](https://wordpress.org/support/users/namazee/)
* The code that controls the tabs in your form is not part of our plugin. Please,
check your code block:
* ```
function openCity(evt, cityName) {
var i, x, tablinks;
x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < x.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" w3-border-blue", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.firstElementChild.className += " w3-border-blue";
}
```
* If you need me to implement your project, you can contact me from my private
website:
* [https://cff.dwbooster.com/customization](https://cff.dwbooster.com/customization)
* Best regards.
* Thread Starter [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125616)
* i have sent a customization request
* Thread Starter [namazee](https://wordpress.org/support/users/namazee/)
* (@namazee)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125689)
* i am still wondering what is wrong because on one HTML content, everything works
fine.. the issue only happen when i add another HTML content.. if there is problem
with my code, then it shouldnt be working at all even on one HTML content
* Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
* (@codepeople)
* [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125702)
* Hello [@namazee](https://wordpress.org/support/users/namazee/)
* The problem is related to your code because you use the same class names in both
blocks of code.
* Best regards.
Viewing 13 replies - 1 through 13 (of 13 total)
The topic ‘Form Loading when using HTML Content’ is closed to new replies.
* 
* [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
* [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
* [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
* [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)
* 13 replies
* 2 participants
* Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
* Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/form-loading-when-using-html-content/#post-15125702)
* Status: resolved