react icon indicating copy to clipboard operation
react copied to clipboard

[BUG] embedded form into the application has styling issues

Open mdesousa opened this issue 2 years ago • 1 comments

Environment

Please provide as many details as you can:

  • Hosting type
    • [x] 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

mdesousa avatar Aug 27 '21 20:08 mdesousa

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

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

madflow avatar Sep 01 '21 14:09 madflow

I am closing the issue as it was created too long ago and there is no new comments here. If the issue is not resolved, please reopen it. Thanks!

TanyaGashtold avatar Aug 31 '23 13:08 TanyaGashtold