240
Views
4
Comments
Implementing Tailwind CSS in OutSystems - Has Anyone Tried?

Hey fellow OutSystems enthusiasts!

I've been exploring ways to spruce up the user interface of my OutSystems applications, and I'm really interested in using Tailwind CSS for its simplicity and flexibility. Before I dive headfirst into this endeavor, I thought I'd reach out to this wonderful community to see if anyone has already ventured down this path or has insights to share.

Here are some questions I have in mind:

Has anyone here attempted to implement Tailwind CSS in an OutSystems application? If so, I'd love to hear about your experiences, challenges, and any tips you might have.

Are there any specific best practices or gotchas when it comes to integrating Tailwind CSS with OutSystems? I want to ensure a smooth development process and minimize any potential hiccups.

Are there any existing plugins or components that make integrating Tailwind CSS with OutSystems more straightforward? Leveraging existing resources could save a lot of time and effort.

What are the performance implications of using Tailwind CSS with OutSystems, especially in terms of load times and responsiveness? I want to ensure that my applications remain snappy and user-friendly.

Are there any examples or case studies of OutSystems applications that successfully utilize Tailwind CSS? It would be great to see some real-world examples for inspiration.

I'm really excited about the prospect of using Tailwind CSS in my OutSystems projects, but I also want to be well-prepared. Any insights or guidance you can provide would be greatly appreciated!

Looking forward to your responses and discussions. Thanks in advance! 🚀

2022-11-16 10-07-10
Blane Thompson

I wanted to try this out a while ago. It should be possible, If you were planning on doing it, using the builtin OutSystemsUI won't be that easy but if you're planning on using your own components it should be doable.


I think the furthest I got with it was actually getting styling to work. Service Studio doesn't let you just import a CSS file, and crashed any time i tried to paste it in. You also do not get the benefit of tree-shaking, so you will be relying on the CDN css file, which is unfortunate.

2023-09-22 22-44-05
KuyaLoy

Actually this is my though as new in Outsystem i'm just curios and im hoping soon they can also implement this

UserImage.jpg
KhanZain
AI Generated

Hello there! Integrating Tailwind CSS with OutSystems can indeed bring a fresh and dynamic look to your applications. While it might not be as straightforward as with traditional web development, it's certainly possible. Here are some insights and guidance based on your questions:

Experiences and Challenges:

Experience can vary, but developers have successfully integrated Tailwind CSS into OutSystems applications. Challenges might include adjusting the build process, as OutSystems relies on its own way of handling styles. However, with proper configuration, it's achievable.

  1. Remember to test thoroughly and adapt your approach based on your project's specific needs. Feel free to share your own insights with the community as you progress, and good luck with your Tailwind CSS integration in OutSystems! 🚀

    Here are some Best CSS online learning plateforms:
    1. W3School  2. Iqra Technology  3. JavatPoint

This answer was AI-generated. Please read it carefully and use the forums for clarifications
2023-01-16 23-29-16
Lucas Araújo

Good friend. I think you’ll have to create new native OutSystems components and also load more CSS than OutSystems already supports.

I would choose to take this lib tailwindui only what I use.


An example of a change would only have to change the widget selector. The OS Switch uses the HTML input tag játailwindui uses the button.

They are small details that really would have to study before implementing.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.