Tell us what you are trying to do?
I have added HTML Content Elements to two different post forms. The HTML Elements are to add a CSS Class that creates a scroll box for a long list of categories that are presented as checkboxes.
The attached image contains the Post Form, webpage output, and HTML from form editor in Expert Mode is show for each.
The scroll-box CSS works properly in the Post Form "Add Established Business Listing". These images are highlighted with red boxes.
The scroll-box CSS does not work in the Post Form "Add Broker Profile". These images are highlighted with blue boxes. The category list is displayed as a long single column list of checkboxes (50 items).
As you will notice, the I used bootstrap feature to put some of the form fields in the same row on the Add Broker Profile form. I did not do this for the Add Established Business Listing form. Other than this, both forms are similar.
Why does the HTML not work in the Add Broker Profile form? I notice the <div class="scroll-box"> is closed </div> almost directly after opened.
I am not a programmer, so it is much easier to use the Visual Form editor. If using the Expert mode, changes are lost if switching back to the Visual Editor. This is not a very user friendly feature (losing the changes).
How do I make the HTML work properly in both forms?
Hello. Thank you for contacting the Toolset support.
As I understand, your issue is when you switch to the expert mode, you see the Div is automatically closed - right? If yes, what if you try to remove the closing div and then save the form and check. Do you see the expected results?
Hi Minesh,
Thanks for the reply. The HTML Content Element added to the Visual editor does not work. I only show the HTML with the Expert mode editor to show what the problem is. It looks like a closing div is added in the wrong place. I could remove the closing div, but it should have never been there in the first place. It seems that the HTML Content Element does not work properly in this case when the bootstrap feature is used to put fields in the same row.
I never want to use the Expert Mode Editor, as it is not user friendly for someone like me that is not proficient with HTML and programming.
Why does the HTML content element not work in the Visual Editor?
I got your concern but with such customization requirement, at some point you will have to use the expert mode.
Can you please share problem URL and admin access details and tell me what you want to see working exactly. I see you shared with your initial post that you have one form where you see it working and with the current form you are having issues.
Can you please share both working and non working example links and let me see if I can offer you any workaround.
*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.
I have set the next reply to private which means only you and I have access to it.
Otherwise, all changes are lost if I switch back to Visual mode.
==>
If you switch to visual mode, the changes you have done with expert mode will be gone and that is how it works and its expected results.
As you can see it now I've adjusted the code within the expert mode and I can see it working. You can check the form:
- hidden link
And on front end I can see it working.
- hidden link
So, there is no other solution I've to offer you at the moment other than using the expert mode for such customization.
I understand the limitation. However, a suggestion for Toolset is to 1) either have the HTML content fields work with bootstrap, or 2) fix it so that code entered in Expert mode is not lost when switching back to Visual mode.
The code gets complex for some of us that are not programmers, so best to use the Visual editor when at all possible.
We do not have any official integration with Gravity forms and there is possibility that how Toolset and Gravity form stores custom field value to database will be vary for many field types. For instance, Toolset stores checkboxes field value as serialize array.
In addition to that, please kindly open a new ticker with every new question you may have. This will help other users searching on the forum as well as help us to write correct problem resolution summery for the original issue reported with the current ticket. Thank you for understanding.
