hi
I have created a reactive application which has theme css and styles defined. I want to import this theme to a traditional application.
Is it possible in outsystems ?
Sorry if its a silly question ,am pretty new to outsystems
If you click CommonTheme on your step 2 you'll see this very telling warning:
This way just won't work. My feeling is that Traditional and Reactive (as well as mobile) have very different styles and widgets and they'd conflict, as such Outsystems doesn't let you use one type of theme in another.
There probably is a way or another to do this but I wouldn't recommend it. Are the changes to your theme so profound you can't replicate it manually on the other application's theme? I know it's a hassle and changing one won't change the other but in this case they're two very different platforms.
You should have the Theme in a separate application so both you can consume it from both places. Check documentation on application architecture and how to layer yours correctly.
Cheers!
Mariano Picco wrote:
Thanks for your quick reply.
I have tried using library layer and putting css in that ( within a reactive application).
I set the property of that theme as public and published the reactive app. Now when I try to import this (my custom css of reactive application) as dependency to a traditional web app its not getting applied.
Am I doing something wrong here ?
Hi sreejith narayanankutty ,
See this post.
Maybe help you.
Regards.
What do you have selected as your theme in your root module?
I have done the same. And am able to import this theme to any reactive application. But I am not able to import this theme to a tradition application
Bear in mind traditional themes might not use the exact same class names as reactive themes. If you inspect with browser dev tools, do you find the .css being imported?
Am not able to get the theme imported in the service studio itself.
Providing screenshot reference :
1. created the reactive web and defined the styles i want to.
2.Created a traditional app and trying to import the styles from the above created reactive app
3.After applying the dependency the theme not getting applied, If you see the theme folder doesn't have the dependency added in previous step.
Any update on this ?? :(
Thanks for the reply Mariano Pico. I could see that the same reactive was available for mobile application ,but not for traditional though. Bit strange for me to accept since its just CSS that am trying to use.
Thanks a lot :) cheers