GfDesigns

GfDesigns styles your Gravity Forms in a few clicks. Pick a layout, a style for checkboxes and radio buttons, for file uploads and for buttons, choose your color, and see the result in a live preview while you change the settings. Every design is free. GfDesigns PRO no longer exists: all of its styles are now part of GfDesigns. GfDesigns is built the Gravity Forms way, on the official Add-On Framework and Theme Layers. Designs are applied on top of the Orbital theme through its CSS API, so the Gravity Forms block style settings keep working. Forms that use the "Gravity Forms 2.5" theme keep working in compatibility mode. Layouts 11 layouts: Basic, Rounded, Shadows, Minimal, Boxes, Border left, Floating labels, Filled, Pill, Neo-brutalism and Glass (a translucent card for forms placed over an image or a gradient). Checkboxes & radio buttons 18 styles: Default, Basic, Rounded, Cards, Segmented control, Chips and 12 switches (square, rounded and skew, with on/off text, icons or bullets). Checkboxes and radio buttons can also be shown inline. File uploads 6 styles: Default, Basic, Button, Box, Drop zone (with a preview of the selected image) and Avatar (a circular picker for profile pictures). Buttons 8 shapes and 17 styles: shadow, background slide, relief, close, circle, offset, shine, pulse, minimal, minimal line, solid shadow, blob, arrow, gradient, glow and shimmer (animated while the form is being sent). More options

• Main color: buttons and checked elements use it, and their text color is chosen automatically so it is always readable.
• Dark mode: off, on or automatic (follows the visitor's device).
• Density: compact, regular or comfortable.
• Segmented steps and progress bar for multi-page forms.
• Animated feedback: validation errors shake and show an icon, and the confirmation appears with an animated check. Animations are disabled for visitors who prefer reduced motion.
• Fixed pretext at the beginning of text inputs (for example "https://"), saved with the entry.
• Font Awesome icons in text inputs, with a searchable picker in the form editor. The icons are bundled with the plugin: no external requests.

Requirements Gravity Forms 2.8 or newer. Credits Icons: Font Awesome Free by Fonticons, Inc., licensed under CC BY 4.0.

3.0.1

• Fixed: the "+" badge of the Avatar file input was cut in half by the circle.

3.0.0

• New: every GfDesigns PRO design is now free and part of GfDesigns. GfDesigns PRO is discontinued: your designs are kept, just deactivate and delete it.
• New: layouts Floating labels, Filled, Pill, Neo-brutalism and Glass.
• New: checkboxes & radio buttons styles Cards, Segmented control and Chips.
• New: file upload styles Drop zone (with image preview) and Avatar.
• New: button styles Arrow, Gradient, Glow and Shimmer.
• New: automatic dark mode (follows the visitor's device) and density (compact, regular, comfortable).
• New: segmented steps and progress bar for multi-page forms.
• New: animated validation errors and confirmation (respects reduced motion).
• New: Font Awesome icons with a local, searchable picker in the form editor (no external requests).
• Removed: license key, plugin settings page and external update checks.
• Improved: On/Off switches fill the track with the main color when checked, Blob buttons fill completely on hover Minimal buttons keep straight lines with any button shape, and the knob of the Skew switches is centered in its track.
• New: built the Gravity Forms way: Add-On Framework + Theme Layers (styles, CSS API properties and markup views).
• New: designs work on top of the Orbital theme (the default since Gravity Forms 2.7) using its CSS API, so the block style settings keep working. Forms on the "Gravity Forms 2.5" theme use the previous stylesheets (compatibility mode).
• New: the design no longer forces a form theme nor disables the Gravity Forms CSS on Orbital forms.
• New: Designs settings with the native Gravity Forms settings fields (collapsible sections, visual choices) and a live preview based on the Gravity Forms preview page.
• Improved: the live preview stays visible while scrolling and scrolls to the element being changed.
• Removed: support for Gravity Forms older than 2.8.
• Compatible with Gravity Forms 3.x, WordPress 7.1 and PHP 7.4 – 8.5.
• Fixed: fatal error on every form with Gravity Forms 3.0+ (buttons are now rendered as <button>).
• Fixed: forms without an active design were getting GfDesigns classes.
• Fixed: the upload icon on single file and post image fields with the current Gravity Forms markup.
• Fixed: fields overflowing the form on mobile devices and narrow columns (grid gap), also in dark mode.
• Fixed: the selected file name no longer removes the upload icon and is printed as text.
• Fixed: the Gravity Forms "Preview" button now shows the design with the right form theme.
• Fixed: the fixed pretext is no longer duplicated when an entry is saved again, and is not added to empty values.
• Fixed: the add-on title in the Gravity Forms settings.
• Fixed: a fatal error when GfDesigns and GfDesigns PRO were active at the same time (an admin notice is now shown).
• Security: output escaping and color sanitization hardening.
• Security: full security review. The fixed pretext and the icon are inserted without regex back-references, only bundled icon folders are accepted, the pretext saved with the entry follows the field HTML policy, and the preview frame checks the user capability.
• Requires WordPress 6.5 and PHP 7.4 or newer.

2.0.4

• Compatible up to: Gravity Forms 2.7.3
• Compatible up to: Wordpress 6.2

2.0.3

• Compatible up to: Gravity Forms 2.6.8
• Compatible up to: Wordpress 6.1.1

2.0.2

• Fixed compatibility with webkit browsers

2.0.1

• Fixed button colors and styles bug

2.0

• Added Fixed pretext feature
• Added Icon fontawesome to fields
• Added Button styles
• Added More checkboxes and radio styles

1.0

• initial version.