[BUG] embedded form into the application has styling issues

1
open
mdesousa
mdesousa
Posted 3 months ago

[BUG] embedded form into the application has styling issues #408

Environment

Please provide as many details as you can:

  • Hosting type
    • Form.io
    • Local deployment
      • Version:
  • Formio.js version: 5.1.1
  • Frontend framework: React

Steps to Reproduce

Embed a form inside and existing React application as shown in the example:

        <Form
          src="https://example.form.io/example"
          onSubmit={console.log} />

Expected behavior

The form shows as it appears in the preview in form.io

Observed behavior

The form is not using the original styling from form.io. Is there a way to preserve the original style? Thanks!

image

madflow
madflow
Created 3 months ago

I had to import the form styles from the formiojs package. I am using Bootstrap 4.

import 'formiojs/dist/formio.full.css';