The Ready Classes that are helper CSS classes are only available in Gravity Forms v1.5 which is currently a development release so be sure that you are running that development release before using them. The development release is available on the Downloads page.
The Ready Class documentation can be found here:
http://www.gravityhelp.com/documentation/css-ready-classes/
There is a ready class for scrolling text called gf_scroll_text but it was designed primarily for section breaks for displaying text content and isn't going to work in this situation so it will require a little bit of custom CSS.
Here is a quick example to get you started.
Add this CSS to your themes stylesheet:
.field_scroll .ginput_container {width: 500px!important;; height: 200px!important;; overflow: auto!important;}
Then apply this custom class to your checkbox field by editing your checkbox field and going to the Advanced tab and entering this in the Custom Class name:
field_scroll
If you want to apply this AND a Ready Class such as the 4 column list Ready Class you would enter both of them in the Custom Class field like so:
gf_list_4col field_scroll
With a space between them. Like so:
http://grab.by/98P4
Doing this correctly will product the following results:
http://grab.by/98P7
You can adjust the width and height of the scrolling div to suit the site design, this example has them set to 500px wide and 200px tall.
That should be enough to get you started.
Posted 13 years ago on Thursday February 24, 2011 |
Permalink