defree99
Member
I am using my Gravity form in the sidebar and it works great. However, I can't create a small size paragraph field. If I use a single line field it reduces in size and works fine. But for my comments field I would like to show a paragraph box. But the paragraph text field will only allow a medium size. I select the small size option and it has no effect.
Am I doing something wrong?
Hard to know without seeing the form. It's possible the textarea is inheriting styles from your theme. If you would like to post a link to the form page, we'll be happy to look at it.
defree99
Member
sure, it's the comments field here: http://revteq.com/template/
Can you go ahead and change it back to a paragraph text (textarea) field? Then I'll be able to see what's causing the problem.
It could be that you're not loading the default Gravity Forms styles and scripts. They are normally loaded automatically when you use the shortcode to embed the form in a page or post. When you use the form in a sidebar (widget) or embed it manually into a page template, you have to enqueue the necessary scripts and CSS to make sure everything works properly.
Without these scripts/CSS enqueued, you'll also run into problems trying to use the datepicker or conditional logic.
You'll find the necessary information on the bottom of the documentation page listed below.
http://www.gravityhelp.com/documentation/embedding-a-form/
You'll also need to make sure you have the correct function calls in your header/footer - wp_head() and wp_footer() so the scripts get included in the page.
salesmaverick
Member
Hi Kevin, I'm running into something very similar. http://Charlotte-Dog-Trainer.com . The issue as you can clearly see is the .textarea ( for inserting paragraphs/comments ) doesn't play nicely inside the sidebar. The form is called by the widget I downloaded from yoast but the container slips outside on the sidebar, the overflow is not hiding, and adjusting from small, medium, and large seems to only change the height of the container, not width. I spent quite a while zoning in and out looking for the css to change inside the plugin editor ( i know it's not recommended ) I also looked through the theme files ( wpzoom Evertis ) and cannot find a solution, problem, or fix. Any help my friend?
Hi Salesmav, I took a look at the link you provided but didn't see the textarea you mentioned; however, something like this should work:
.gform_wrapper #your_textarea_id { width: 200px; }
@salesmaverick,
Part of your problem is that you're not loading the default Gravity Forms styles. The default styles use percentage widths so usually fit in sidebars just fine. That's also why nothing happened when you changed between small, medium and large sizes. The class names changed but there was no CSS there to define them.
When calling the form via the function call or in a sidebar widget, you have to manually enqueue the scripts (conditional logic, datepicker, etc.) and CSS by placing a short snippet in your functions.php file. You can find that at the bottom of the page here.
