I think this plugin did more harm than good…

The issue came after I had to update my past forms

what do you mean by update past forms? This plugin should not forms designed using the default CF7 editor.

If you wish to leverage the grid editor and form layout, you need to create a new form.

I tried to build out a new form and the same issue happened.

then it is an issue with your theme that is causing problems. Try to switch theme to a default WordPress twentytwenty for example and see if you are facing the same problem.

what do you mean by update past forms? This plugin should not forms designed using the default CF7 editor.

When I downloaded your plugin, all my forms printed an error (“Form is depreciated. Please contact your webmaster…” or something like that). I went into my CF7 editor and clicked update. The form displayed now, but then the issues with the text area and certain text fields now happen.

then it is an issue with your theme that is causing problems. Try to switch theme to a default WordPress twentytwenty for example and see if you are facing the same problem.

I switched my theme (OceanWP) to WordPress’s Twenty Twenty-One theme. The issue has not resolved itself by doing so.

Thank you in advance for your further assistance.

When I downloaded your plugin, all my forms printed an error (“Form is depreciated. Please contact your webmaster…” or something like that)

bummer! Thanks for reporting this. This is bug which I will fix in the next release.

The form displayed now, but then the issues with the text area and certain text fields now happen.

can you show me your website page with the forms?

bummer! Thanks for reporting this. This is bug which I will fix in the next release.

Great!

can you show me your website page with the forms?

The form where I first saw the issue is at: https://brendonconnett.com/request-quote/ .

Please note, you must select one of the services to open the conditional field (which is where the issue lives). Under “Specifically, what are you looking for?” there should be an input (I used [label for=””] because it is a checkbox input). In addition, the textarea under “Additional Information” is 1/3 of the size that I want it to be.

the textarea under “Additional Information” is 1/3 of the size that I want it to be.

got it! I have an inkling as to what might be causing this. I will run a few tests on get back to you.

In the mean time, be aware that ther is a simple (and maybe clearner) way to solve this conditional form requirement using the Smart grid’s conditional toggle construct. (see this tutorial)

got it! I have an inkling as to what might be causing this. I will run a few tests on get back to you.

Great! I look forward to hearing your suggestion.

In the mean time, be aware that ther is a simple (and maybe clearner) way to solve this conditional form requirement using the Smart grid’s conditional toggle construct. (see this tutorial)

For now, I think I am going to stick with my current set-up for conditional requirements. I need to squash the current problem before addressing another.

In addition…

I downloaded a cost calculator plugin that has worked like a charm. I finally got it to look how I wanted it to look and after downloading this plugin, the cost-calculator plugin has had issues as well. Honestly, the more I look around my website, the more issues I see. I hope to resolve this soon.

can you send me your form’s html code, paste it here

can you send me your form’s html code, paste it here

Of course!

HTML

<label>Full Name
    [text* your-name placeholder "First Last"]</label>
  
<label>Email
    [email* your-email placeholder "[email protected]"]</label>

<label>Phone Number
    [tel* your-phone placeholder "0123456789"]</label>

<label for="service">Services (select all that apply)</label>
    [checkbox service use_label_element "Photography" "Design" "Filmmaking"]
  
  
  
[group Photography]
<br>
<h2 style="color:white;text-align:right;">Photography Information</h2>
    <label for="photography-reason">Specifically, what are you looking for?</label>
        [checkbox* photography-reason use_label_element "Portrait" "Couples" "Animals" "Family" 
            "Wedding" "Graduation" "Other (please specify in 'Additional Information')"]
  
    <div class="content-column one_half">
        <label> Book your preferred photoshoot date:
            [date* photography-date placeholder "(MM-DD-YYYY)"]</label>
    </div>
   
    <div class="content-column one_half" style="padding:0;">
        <label> Anything specific I need to know?
            [text* photography-specific]</label>
    </div>
  <div class="clear_column"></div>
  
    <label> Additional Information
        [textarea photography-additional id:full-textarea] </label>
[/group]
  
  
  
[group Design]
<br>
<h2 style="color:white;text-align:right;">Design Information</h2>
    <label for="design-reason">Specifically, what are you looking for?</label>
        [checkbox* graphicdesign-reason use_label_element "Logo" "Banner" "Signature" "Wallpaper" "Cover 
            Art" "Mockup Images" "Animation" "Other (please specify in the field marked, 'What is this for?')"]
  
    <div class="content-column one_half">
        <label> When do you need it by? 
            [date* design-date placeholder "(MM-DD-YYYY)"]</label>
    </div>

    <div class="content-column one_half" style="padding:0;">
        <label> What is this for?
            [text* design-specific]</label>

    </div>
  <div class="clear_column"></div>

    <label> Additional Information
        [textarea design-additional]</label>
[/group]
  
  
  
[group Filmmaking]
<br>
<h2 style="color:white;text-align:right;">Filmmaking Information</h2>
    <label for="filmmaking-reason">Specifically, what are you looking for?</label>
        [checkbox* web-reason use_label_element "Wedding" "Product" "Business" "Interview" "Other (please specify in 
            the field marked, 'What is this for?'')"]

    <div class="content-column one_half">
        <label> Book your preferred video shoot date
            [date* filmmaking-date placeholder "(MM-DD-YYYY)"]</label>
    </div>
  
    <div class="content-column one_half" style="padding:0;">
        <label> Anything specific I need to know?
            [text* filmmaking-specific] </label>
    </div>
  <div class="clear_column"></div>

    <label> Additional Information
        [textarea filmmaking-additional]</label>
[/group]
  
  
[group Accept]
    [acceptance accept] By clicking below, you are agreeing to the <a href="https://brendonconnett.com/privacy-policy/">Privacy Policy</a> and <a href="https://brendonconnett.com/terms-and-conditions/">Terms and Conditions</a>. [/acceptance]
[/group]
  
  
[group Final]
    [submit "Submit Form"]
[/group]

CSS

<style>
.content-column.one_half{
    padding-right: 10px;
    padding-bottom: 20px;
}
    
@media (max-width: 959px){
    .content-column.one_half{
        padding:0;
}}

#full-textarea {
    width:100%;}

span.wpcf7-list-item {
    display:block;
    padding-top:10px;}
</style>

Thanks for looking into this.

Additional thought: The cost calculator plugin has a similar set-up as your plugin, but it just specializes in numbers and math. As far as I know, I don’t have access to the HTML for this plugin.