Home / Product updates

Product updates

New updates and improvements to Feathery

January 5, 2023
Jan 4, 2023

Custom form translations

You create your Feathery form in a particular language, but you may need to serve the same form to international audiences of different languages. Rather than rely on Google Translate's default translation, it's now easy to create and maintain your own custom translations that are automatically applied based on the user's preferred language. Docs

Drag-and-drop step connections

Your form steps can now be rearranged and reconnected by dragging and dropping them in different orders from the form designer’s flow view, much like building a slideshow.

Protect steps requiring authentication

Once you’ve set up an auth integration like Firebase or Stytch, you can now require the user to be logged in before accessing certain steps of your form. The protected steps can be configured directly when you’re setting up your integration. You can also now directly configure which steps the user is redirected to when they log in or log out.

Test premium integrations on Free and Basic plans

So you can get to know Feathery before upgrading.

Improvements & fixes

  • Slider and combobox (text field + autocomplete) fields are now available to add to your form
  • You can now configure a max allowed file size on upload
  • A custom value can now be saved into a field upon clicking a button or group
  • You can now configure hover, active, and disabled font colors for buttons and text
  • Fixed a bug where certain theme assets couldn’t be removed
  • Fixed a bug where a repeating cell could not be cleared
  • Improved the dashboard loading time
  • Button group and element widths can now be set to be responsive to the content inside of them
  • Callback functions triggered by a group can now be identified with a custom ID
  • Custom headers can now be added to a webhook action
  • Fields that allow multiple values can now be toggled to only support single values (existing multiple value entries will be reduced to a single value)
  • File upload fields can now be configured to not show a file preview on upload
  • Separate labels and values can now be configured for fields that support options, like dropdowns and radio fields
  • Hover and select styles can now be configured for groups
  • Hover and select styles can now be configured for text elements
  • Colors for uploaded images to buttons can now be configured
  • Groups can now navigate to a new step on click
  • Corner radius for images can now be configured
  • An image element can now show an image that was uploaded to a file field
  • Custom actions can now also validate and submit the current step on click
  • Borders that increase in width on hover / select no longer shift internal content
  • SDK now returns total # of steps in the form
  • Focus styles are now prioritized over hover styles for elements
  • Dynamically changing the formKey passed into the Form component now rerenders the form completely
  • Stripe customer IDs can now be passed to Feathery to handle payments for an existing user
  • Images can now be dynamically set for button groups

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • fsdf
  • sfsfsdf
  • sdfsf

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

December 1, 2022
Jan 4, 2023

New visual and flow editor UX

Now when you click into a Feathery form, you’ll be presented with the visual editor rather than the flow editor. It has a slideshow view of the steps and their connections, allowing you to easily create, edit, and remove steps without having to toggle between two views. Within the visual editor, you can now copy/paste and drag to move containers and elements around.

The flow editor still exists as a secondary tab you can navigate to when you need to adjust navigation rules. There’s now a clear target for dragging connections from, and the flow for creating a new rule has been streamlined significantly.

Comprehensive and intuitive conditional logic

Conditional logic in Feathery has been expanded with a much wider range of operators for intuitively setting up rules for navigating between steps, validating submissions, and hiding/showing elements. You can also now create multi-value comparison rules.

Additional login capabilities

Our Stytch integration now supports SMS authentication in addition to Google OAuth and magic link authentication. All of our auth integrations now support the ability to configure a “logout” click action on button elements.

Improvements & fixes

  • Our login field has been deprecated and replaced with authentication click actions that you can configure on button elements.
  • You can now configure your progress bar to track progress in segments rather than a smooth progression
  • You can now toggle your forms to not remember users, so each session results in a new submission.
  • Significantly reduced dashboard loading times, especially for bigger forms.
  • Updated our integration error emails to include the form that ran into the issue and frequency stats.
  • Added a more clear icon for “fit” dimensions
  • You can now save your integration settings even if the integration is disconnected
  • Made the checkbox field default margin more accurate
  • When deleting the last form using a particular theme, you now have the additional option of deleting the unused theme at the same time.
  • Improved toast UI and introduced mini-toasts.
  • Selected elements and containers in the visual editor now have a label to easily understand what is selected or hovered.
  • Improved the accuracy of labels for controls that allow styling the color of checkmarks and radio button fills.
  • Added search functionality for themes and results
  • We reduced the ability to specify text links to only text elements.
  • The hash in the form url is now cleared when the form is completed
  • Added support for React 18 to our React SDK
  • We added helpful metadata to our Google Analytics form event payloads
  • If a signature is now transferred between two Feathery signature fields, their aspect ratio is preserved
  • We replaced the signature field “X” toggle with “Clear”
  • Fixed a bug where an option for the text case style control wasn’t working properly.
  • Fixed a bug where copy-paste with text selected would trigger the action on a grid container rather than the selected text.
  • Fixed a bug where the alignment options for button groups were flipped
  • Fixed a bug where certain text field mask characters would not display correctly.
  • Fixed a bug where phone field corner styles and placeholder were not displaying correctly.
  • Improved the padding around text area containers when the placeholder behavior is “shrink to top”
  • Added better URL field validation
  • Added timestamps to user submissions in CSV downloads of form results
  • Added support for Hubspot integration app uninstalls

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • fsdf
  • sfsfsdf
  • sdfsf

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.