Hi I have created a custom component and then I am rendering JSON in

I have to use this with angular form-io along tailwind css can you help me with this

Hi,

I saw that there was a question asked here 4 days ago so thats why i thought maybe i could ask for help as well. I would like to fire validation on a form from an button outside the form itself. When looking at the formio documentation i thought i could use the formController to do this.

But i cant seem to find a way to retrieve the form controller when rendering my form in this way:
<form form={formContent} />

Hi!
Can @tsed/react-formio be considered a better alternative to @formio/react package?
In other words: is tsed-formio somehow tied to Ts.ED framework?

I'd like to use it instead of @formio/react in a typical React project.

Hi,

There is a simple example located here https://formio.github.io/formio.js/

It uses the CSS https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css
Is there tailwind equivalent CDN link to replace the bootstrap CSS?

Thank you.

Hello

Thank you for creating this library! I'm looking to integrate this with my application however I've noticed that there is quite a lot of customisations in the tailwind config which is causing my app to look different. Is there a bare-bone configuration that only applies to Formio?

Any help would be appreciated.

Thank you.

I'm having issues regarding particular classnames not existing, for example "border-1" is not a default tailwind classname, I've added it but I'm still getting issues about not having the text colours for primary/secondary even though I've added them.

Just want to make sure I'm doing everything right.

Drag and drop control , popup is open but after updating the property the popup is not closed.

<FormBuilder
display="form"
onSaveComponent={(schema: any) => console.log(schema)}
onUpdateComponent={(schema: any) => setSchema((prev) => schema)}
onChange={(schema: any) => setSchema(schema)}
components={[]}
/>

My screen after running project

please let me know why i got this issue?

nodejs: v18.18.2
npm: 9.8.1
yarn: 1.22.19
typescript: 5.2.2

While using storybook of tsed-formio library, in layout component Rich text editor is not working properly
The bulleted list and numbered list are not showing bullets and number index respectively
I am not able to find code for this in library, Can anyone please tell me how can override the CSS of the library to make it work or how can I change the CSS manually inside lib in order to display bullets and numbers in the list?

[https://www.loom.com/share/adffd78706a4447ca68056a0fc4f2fc3?sid=017f2082-da78-4d67-8fb8-b2a3d0a9303e](url)

The last published version is v2.1.2, and we are really anxious about the last change you have made 🙏

Thanks a lot for this very useful package!

Informations

Is your feature request related to a problem? Please describe.
I tried getting this setup following the instructions and hit an error related to this:
tailwindlabs/tailwindcss#4666

which now has tailwindcss throw when trying to @apply the group class. There appears to be additional incompatibilities as well. Using TailwindCSS 2.x seems to work fine.

Describe the solution you'd like
Support TailwindCSS 3.x

I have installed using these commands in ionic angular application

npm install @tsed/tailwind-formio --save
npm install --save-dev postcss-nested@4

and imported these css class in global.scss

@import "~tailwind.css";
@import "~@tsed/tailwind-formio/styles/index.css";

In component using like this

import tailwind from "@tsed/tailwind-formio";
Formio.use(tailwind);
Templates.framework = "tailwind";

form is loading but icons are not displaying

Can anyone help me on this?

Currently using formio.js in sveltejs project. Its typing sucks and lacking tailwind support. Can @tsed/tailwind-formio be used as a replacement? Is react required? Does it only work with tailwind 2.x?