Hello @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.
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
Hello @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
Best regards.
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
Please advice
Thank you
Hello @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.
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
only one html content seems to be working and i wonder why.
Hello @namazee
The content is not visible because you have assigned to it the style definition style="display:none"
Best regards.
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.
Hello @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
Best regards.
i have sent a customization request
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
Hello @namazee
The problem is related to your code because you use the same class names in both blocks of code.
Best regards.
