100
Views
3
Comments
Display image in the screen
Discussion

Good afternoon, how do I place an image in a specific place on the screen and eventually place a similar image on each side of it. Can you define a coordinate system?

2021-06-02 20-50-04
Márcio Carvalho

For putting an image on a specific space of the screen I would first see if there are any components from OutSystems UI to do that. If there isn't I need first to know what will be the use cases and what I want to cover. Possibly I would need to build a component for my use case or I would adapt and use some of the OutSystemsUI components and give some custom CSS just to fulfil my requirements.

This means that you need to think of it first and also share the Use cases you want to use.

Some options:

  • Adapt the layouts and put some placeholders, if you want to be on every screen you use the layout
  • Use a component where that component could be "fixed" in some part of the screen using CSS(Position absolute? Position Fixed and also with the opportunity of displaying more than one image, I can think of 1 or 2 components from OutSystemsUI for that, Gallery, Floating Content, List
  • Again Floating Content, try to inspect and see how to position anything on the screen using a fixed style

Kind Regards,

Márcio

UserImage.jpg
Sonali Verma

Hii , @jose brito

You Can try below OML logic for display image.


Image.oml
2025-02-20 06-37-09
Dinesh P

Hi Jose Brito,

Use position relative and position absolute for this issue, you can give position relative to parent container and give position absolute to child container or you can use position fixed property.

Regards,

Dinesh P.


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