Hi @all

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


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.



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


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


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