Mark Westguard
Forum Replies Created
-
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Style TabsHi @patrick2997
I responded to the support ticket that you sent to us.
Tabs cannot be converted to dots at the bottom of the form, our tabs are shown at the top of the form.
Many thanks
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Create multistep formsHi Patrick
This support page is for the LITE edition of WS Form. For PRO support (e.g. for questions about conditional logic) please use our support page for requests:
The export button can be found at the top of the layout editor next to the import button. There are no conditions when that button would not appear. You can also export the form from the forms list page, simply click the ‘Export’ link next to the form. Both methods will export the form so that we can take a look at it for you.
Many thanks!
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Create multistep formsHi Patrick
I tested this feature and it is working correctly.
To assist you further could you please send me an export of your form via our support page?
https://wsform.com/knowledgebase/import-export/
Thanks
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Create multistep formsHi Patrick
The only way an ID might change would be:
– If there are multiple instances of a form on a page
– If you have exported and imported the form and it was assigned new ID’sAny elements on a web page have to have unique ID’s, you cannot have duplicate ID’s, so if you place multiple forms on a page, we will change the ID of the fields and other form components to ensure we comply with this rule.
For example, our ID for fields have the following format:
wsf-[instance_id]-field-[field_id]
The instance ID is 1 for the first form, 2 for the second form on the page, etc. All of the ID’s we generate are unique to avoid any kind of overlap between forms on a page.
This is why we recommend using your own class names if you want to target specific fields with your own CSS and/or JavaScript. So rather than using the ID’s I’d suggest adding section or field classes and then target those. You can do that by clicking on the ‘Advanced’ tab when editing a section or field and entering a class name under the ‘Classes’ settings.
I’m not sure what you mean by ‘grab that by using JavaScript’. We don’t provide custom coding support but if you need to target a particular field then adding your own class name and targeting that would be the best thing to do.
Many thanks!
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Create multistep formsYou are very welcome and thank you for your purchase of our PRO edition!
Our PRO support channel can be found here: https://wsform.com/support/
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Create multistep formsHi @patrick2997
You can do that with conditional logic or if you just want the radio value to appear in the next tab, e.g. in a text editor field, you could use this method:
https://wsform.com/knowledgebase/duplicate-copy-field-values-with-text/
To learn more about conditional logic:
https://wsform.com/knowledgebase/conditional-logic/
Many thanks
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Css editingHi @fixxit91
You could use the :checked pseudo class to handle that. You can learn more about it here:
https://developer.mozilla.org/en-US/docs/Web/CSS/:checked
An example of styling default checkboxes in WS Form would be:
input[type=checkbox].wsf-field.my-class-name:checked + label.wsf-label:before { background-color: #205493; border-color: #205493; }I have been quite specific on the selector there to ensure your CSS overrides our CSS. Note the my-class-name part which you would change to your class name.
Thanks
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Css editingHi @fixxit91
Thanks for your inquiry!
You can add your classes to fields and then apply styling to that class selector using your own custom CSS.
To add a class:
1. Click to edit the field.
2. In the sidebar, click the ‘Advanced’ tab.
3. Under ‘Classes’ add a class name under ‘Field Wrapper’ or ‘Field’. e.g. my-class-name
4. Click ‘Save’.In the custom CSS for your theme, you could then add something like:
.my-class-name { color: #ff0000; }Obviously this is just an example and you could apply whatever CSS properties you like to that field.
Alternatively if you are familiar with using the browser inspector you could inspect your field, obtain the ID of the field (they are all unique) and then apply CSS to that ID too, e.g.
#wsf-1-field-123 { color: #ff0000; }Many thanks
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Create multistep formsHi Patrick
Thanks for your inquiry.
To create a multi-step form you can use tabs. You can learn more about using tabs here:
https://wsform.com/knowledgebase/tabs/
To create a skip button you could use a ‘Next Tab’ button:
https://wsform.com/knowledgebase/tab_next/
In addition to using tabs, you can also use our conditional logic to make sections visible/hidden based upon answers to other questions. Conditional logic is a feature of our PRO edition. This is another way our users break forms into steps. You can learn more about conditional logic here:
https://wsform.com/knowledgebase/conditional-logic/
Thanks
Mark
@ladyjl I’d recommend posting that error in the forum for:
https://wordpress.org/plugins/wp-security-audit-log/
This error is unrelated to WS Form LITE.
Thanks!
Thanks for letting me know. Glad to hear you got it working.
Hi Renan
Thanks for your inquiry.
It sounds like there might be a JavaScript error on the page that contains the form which is causing the normal AJAX functionality not to run and instead the form action is being run as a normal POST request. I would recommend checking your page for any JavaScript errors.
Occasionally we see issues with sites that are run on localhost too due to browser security. You may wish to try it on a public domain if possible.
Regarding the 404 error, We just ran some tests and were able to recreate this issue. Please upgrade to version 1.8.212. We just pushed a new version which contains a fix for this. Thank you for letting us know about this!
If you have any further issues, please feel free to submit a support ticket here:
… and I’ll ensure I pick it up and help you.
All the best!
Mark
Hi @qdevsz
This error is unrelated to WS Form. It appears to be caused by this plugin:
https://wordpress.org/plugins/wp-security-audit-log/
I’d recommend reaching out to them for further support.
Many thanks!
Mark
Forum: Plugins
In reply to: [WS Form LITE - Drag & Drop Contact Form Builder] Better styling options?Hi Damian
WS Form can be styled using the customize feature in WordPress as well as with your own CSS.
https://wsform.com/knowledgebase/customize-appearance/
We are also working on a new block styles feature that will incorporate some of Gutenbergs new styling features as well as deeper integration with page builders such as Oxygen in conjunction with ACSS.
Many thanks
Mark