DynamicCSSclasses

Hi @all

As I am new in Outsystems please help me to build this page  given in the link below.

https://github.com/rafa-cobucci/OutSystems-Low-Code-Exercises/blob/main/Projects/1-Beginner/DynamicCSSclasses.md

Please the  send .oml

 

Hi Rohan,

You can check oml file.

Basic usage of this kind of work like this:

  • Add a variable to the page and predefined CSS classes.
  • Use the variable as the Style Classes property of the element.
  • Update variable in runtime.


Sincerely,
Necmettin

DemoDynamicClasses.oml

Hi Necmettin ,it work and also What should css will be there for Greyscale the image.

What should I assign in the local variable for the greyscale

Hi,

I don't see a pre-built CSS class for grayscale in OutSystems UI. Maybe someone else replies about it.

However, you can apply the grayscale filter by adding a custom class to your application's CSS.

.grayscale-100 {
  filter: grayscale(100%);
}

Then, you can set your style class variable "grayscale-100".

Note: The filter property is not supported in Internet Explorer or Edge 12.
Check for more: https://www.w3schools.com/css/css3_images.asp

Sincerely,
Necmettin

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