> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-multi-3902a179c5.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Right to left forms

> Hebrew, Pashto, Arabic, Persian, and Urdu are commonly written from right to left (RTL). Make surveys or forms aligned in the right-to-left direction.

export const SupportBanner = () => {
  const titleId = React.useId();
  return <div className="support-banner" role="region" aria-labelledby={titleId}>
      <span className="support-banner__ring support-banner__ring--outer" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--middle" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--inner" aria-hidden="true" />
      <span className="support-banner__ring support-banner__ring--center" aria-hidden="true" />

      <div className="support-banner__content">
        <div className="support-banner__title" id={titleId} role="heading" aria-level="2">Still have questions?</div>

        <div className="support-banner__copy">
          <span className="support-banner__line">Our team is happy to help. Start a live chat using the</span>
          <span className="support-banner__line">
            chat bubble <span className="support-banner__chat-icon" aria-hidden="true" /> in the bottom right, or email us at
          </span>
          <span className="support-banner__line">
            <a href="mailto:support@fillout.com">support{'@'}fillout.com</a>
          </span>
        </div>

        <a className="support-banner__cta" href="mailto:support@fillout.com">Contact us</a>
      </div>
    </div>;
};

## How to enable RTL feature

First, click ICON from the top right corner to open form settings.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-multi-3902a179c5/qda8qhZJT03XGWAf/images/Screenshot2025-10-10at5.19.16PM.png?fit=max&auto=format&n=qda8qhZJT03XGWAf&q=85&s=ffbcd5050f8a2ffc07fc1f713d5b1e3a" alt="Screenshot 2025-10-10 at 5.19.16 PM.png" width="2634" height="1435" data-path="images/Screenshot2025-10-10at5.19.16PM.png" />

Go to `Language` and enable `Right to left`.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-multi-3902a179c5/qda8qhZJT03XGWAf/images/Screenshot2025-10-10at5.20.34PM.png?fit=max&auto=format&n=qda8qhZJT03XGWAf&q=85&s=65f1f9eedbc869b331a66a52a044b470" alt="Screenshot 2025-10-10 at 5.20.34 PM.png" width="2564" height="866" data-path="images/Screenshot2025-10-10at5.20.34PM.png" />

Remember to `Publish` your form to make the changes reflect.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-multi-3902a179c5/qda8qhZJT03XGWAf/images/Screenshot2025-10-10at5.24.58PM.png?fit=max&auto=format&n=qda8qhZJT03XGWAf&q=85&s=63d344368f2db7bea0bc0e0825a574df" alt="Screenshot 2025-10-10 at 5.24.58 PM.png" width="2634" height="1333" data-path="images/Screenshot2025-10-10at5.24.58PM.png" />

<SupportBanner />
