Skip to Content (Press Enter)
Back to Ideas
35
Like
Follow Idea
Conditional default theme or SCSS support
3188Views
25Comments
New
Frontend (App Interfaces)

Once in a while I have a project where 2 (or more) different types of users ( paid/free consumer/business etc) use the same application/flow/pages but require different styling.
I know currently I can:
- make different applications
- make 2 flows
- etc
But these options often result in doing double work

So I can:
- Use a webblock with conditional css (not very pretty)
- Use a class and write seperate code for each case in the css file
The latter will result in unnecessary code in the css file (currently the best option I think thought)

So it would be nice to have a (site property controlled) conditional theme. This way we can make a base them and then base the conditional themes on that.

Alternatively allowing for SCSS would be a nice addition to create user personalized themes in your applications in a pretty way

16 Oct 2018
Copy link to comment
2014-02-07 17-02-43
Vasco Pessanha
Changed the category to
Frontend
16 Oct 2018
Copy link to comment
2016-04-21 20-09-55
J.
 
MVP

Eric,


did you also consider swapping the CSS with AddPostProcessingFilter action?

or even AddStyleSheetTag ?



19 Oct 2018
Copy link to comment

J. 


Actually I did not, that indeed would bring me a step closer even though it feels like an unnecessary step.  But for now this helps me a lot thanks man! 

This idea (especially the implementation of SCSS or Less) would bring it all the way home though . 

20 Oct 2018
Copy link to comment
2016-04-21 20-09-55
J.
 
MVP

I agree with you on that ;)


20 Oct 2018
Copy link to comment

Well here is to hoping it gets implemented %p

20 Oct 2018
Copy link to comment
Merged this idea with 'support CSS Preprocessor(s) like "Less/SCSS"' (created on 19 Oct 2018 11:04:02 by Mykola (Nick) Tkachenko)
21 Feb 2025
Copy link to comment

It would be useful to have ability to use Less CSS https://lesscss.org 

Can have a tab in css editor to have css as it is now or Less

19 Oct 2018
Copy link to comment

Shared a similar idea just the other day here

19 Oct 2018
Copy link to comment

I think something like SCSS is coming to Outsystems 11? I heard something about being able to use variables.

19 Oct 2018
Copy link to comment
Changed the category to
Frontend
01 Jan 2019
Copy link to comment

Do we have any updates on this?

16 Apr 2019
Copy link to comment
Merged this idea with 'Add LESS and/or SCSS support' (created on 16 Apr 2019 13:53:36 by NathanHobbs)
09 Oct 2020
Copy link to comment

Add LESS and/or SCSS support.


Or at a minimum, Custom OutSystems CSS variables that get processed server side.



This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
16 Apr 2019
Copy link to comment
2018-10-29 13-00-29
Magda Pereira
Changed the category to
Frontend


This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
31 May 2019
Copy link to comment
Merged this idea with 'Able to add CSS pre-processors to Outsystems.' (created on 17 Feb 2020 08:37:19 by Megha Sharma)

This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
09 Oct 2020
Copy link to comment

I am working on some project and find it very difficult to manage and organize large CSS code.
If we will be able to add CSS pre-processors in Outsystems then Frontend developers will be able to save tone of time, write less code overall, able to make CSS more modular and stay organised with nesting.



This comment was:
- originally posted on idea 'Able to add CSS pre-processors to Outsystems.' (created on 17 Feb 2020 by Megha Sharma)
- merged to idea 'Add LESS and/or SCSS support' on 09 Oct 2020 06:48:21 by Daniël Kuhlmann

This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
17 Feb 2020
Copy link to comment
Changed the category to
Frontend
and the status to
On our RadarOn our radar

Hi Megha,

Sounds like a good idea. Just out of curiosity, what pre-processors are you using?

Cheers,
Tiago Simões



This comment was:
- originally posted on idea 'Able to add CSS pre-processors to Outsystems.' (created on 17 Feb 2020 by Megha Sharma)
- merged to idea 'Add LESS and/or SCSS support' on 09 Oct 2020 06:48:21 by Daniël Kuhlmann

This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
17 Feb 2020
Copy link to comment

I have used SASS and LESS till now. 



This comment was:
- originally posted on idea 'Able to add CSS pre-processors to Outsystems.' (created on 17 Feb 2020 by Megha Sharma)
- merged to idea 'Add LESS and/or SCSS support' on 09 Oct 2020 06:48:21 by Daniël Kuhlmann

This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
17 Feb 2020
Copy link to comment

+1




This comment was:
- originally posted on idea 'Able to add CSS pre-processors to Outsystems.' (created on 17 Feb 2020 by Megha Sharma)
- merged to idea 'Add LESS and/or SCSS support' on 09 Oct 2020 06:48:21 by Daniël Kuhlmann

This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
14 Mar 2020
Copy link to comment

+1



This comment was:
- originally posted on idea 'Able to add CSS pre-processors to Outsystems.' (created on 17 Feb 2020 by Megha Sharma)
- merged to idea 'Add LESS and/or SCSS support' on 09 Oct 2020 06:48:21 by Daniël Kuhlmann

This comment was:
- originally posted on idea 'Add LESS and/or SCSS support' (created on 16 Apr 2019 by NathanHobbs)
- merged to idea 'support "less css"' on 09 Oct 2020 06:49:31 by Daniël Kuhlmann
23 Apr 2020
Copy link to comment
2016-04-21 20-09-55
J.
 
MVP
Merged this idea with 'css preprocessor like SCSS or LESS' (created on 12 Apr 2021 04:23:24 by Alfatio Utama)
13 Apr 2021
Copy link to comment

A CSS preprocessor is a program that lets you generate CSS from the preprocessor's own unique syntax. There are many CSS preprocessors to choose from, however most CSS preprocessors will add some features that don't exist in pure CSS, such as mixin, nesting selector, inheritance selector, and so on. 


The main idea why css preprocessor is a good thing is because you can make css and configure it with javascript.



This comment was:
- originally posted on idea 'css preprocessor like SCSS or LESS' (created on 12 Apr 2021 by Alfatio Utama)
- merged to idea 'support "less css"' on 13 Apr 2021 08:20:39 by J.
12 Apr 2021
Copy link to comment
Merged this idea with 'Regarding the SCSS editor in OutSystems, it would be helpful for faster development.' (created on 20 Feb 2025 06:29:46 by Dinesh P)
21 Feb 2025
Copy link to comment

Currently, OutSystems Service Studio does not have an SCSS editor. If an SCSS editor were available, it would reduce development time for UI design. SCSS is more efficient than CSS. We need to reference the parent class before the child class to apply styles in CSS. It will delay our development time. An SCSS editor in OutSystems Service Studio would speed up the development process. I have attached a screenshot to illustrate the differences between SCSS and CSS. Thank you!

20 Feb 2025
Copy link to comment

Please first search if your idea was posted before. I merged your idea in the original post from 2018.

21 Feb 2025
Copy link to comment