https://legacy.forums.gravityhelp.com/topic/css-form-design-samples Gravity Support Forums Topic: CSS form design samples en-US Mon, 20 Apr 2026 02:50:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-form-design-samples#post-49338 Mon, 13 Feb 2012 18:53:32 +0000 Carl Hancock 49338@https://legacy.forums.gravityhelp.com/ <p>Currently the only design resources we have are related to how to properly target and style form and field elements using CSS. You can find those resources here:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a></p> <p>The Targeting Samples area is very in depth and explains how to properly target and style elements. You would place any custom CSS you create in your themes stylesheet or your themes custom stylesheet if it has one.</p> <p>The reason why we do not currently provide downloadable styles or "skins" is because we strongly believe that your WordPress theme should dictate the look, feel and design of your site. Plugins shouldn't do this, it's the themes job. This is why we work with WordPress theme developers to make sure Gravity Forms works properly with their themes and take it a step further and include Gravity Forms custom styles in their themes directly. This year we will be getting more proactive with this and getting more theme developers to do so.</p> <p>Gravity Forms does not currently include lightbox functionality itself. But it can certainly work with other lightbox plugins. A form is just content so as long as you output the form within the content of the lightbox itself, it should work. You may need to enable AJAX on the form in this scenario.</p> <p>Here is a tutorial that explains how to open a form in a lightbox using the Easy Fancybox plugin:</p> <p><a href="http://websitesetuppro.com/how-to-open-gravity-forms-form-in-a-lightbox/" rel="nofollow">http://websitesetuppro.com/how-to-open-gravity-forms-form-in-a-lightbox/</a></p> <p>The ability to display Gravity Forms in a modal window is something we have plans for in the future. We would like to introduce this as a built in option later this year. </p> https://legacy.forums.gravityhelp.com/topic/css-form-design-samples#post-49311 Mon, 13 Feb 2012 17:56:24 +0000 Studio610 49311@https://legacy.forums.gravityhelp.com/ <p>What's the chance of you guys making a few forms with custom css and offering the code as a starting point? I'm trying to make my forms look good but I'm having a difficult time finding the right code to do what I'm wanting. </p> <p>Here's my crappy form...<br /> <a href="http://newsite.evangelag.org/get-involved/" rel="nofollow">http://newsite.evangelag.org/get-involved/</a></p> <p>Here's some examples of what I want to do...<br /> <a href="http://my.cobblestonecn.com/" rel="nofollow">http://my.cobblestonecn.com/</a><br /> <a href="http://tutsplus.com/amember/login.php" rel="nofollow">http://tutsplus.com/amember/login.php</a><br /> <a href="https://www.geckoboard.com/sign-up/s/" rel="nofollow">https://www.geckoboard.com/sign-up/s/</a></p> <p>*Finally, is there any way to add GF to a lightbox for Wordpress? </p>