Insert text inside image
Question

Hi everyone,

I want to insert the text inside the image. How can I achieve this in outsystems?


regards 

Rakshitha

I tried this but it didnt work!!

Hi Rakshitha,

If its a reactive application you can use cardBackgroud widget. In this widget you can give an image in the background and can add other widgets as per your requirement in the content place holder.

Hope it helps.

Regards

Hi @Rakshitha U 

Please check it This Oml File:


Thanks

Mansur


TextonImage.oap

Hello @Rakshitha U 

Please find the attached "TextOnImageSample.oml"

Hope this helps you.

Regards,

Shweta

TextOnImageSample.oml

Hi @Rakshitha U ,

The best way to do this set the image as background image for particular element like u want to insert image in Container card or anything. provide a class to this element and write CSS for this element like :

background-image:  url('/ECanter/img/ECanter.Carousel_DT_Canter2020_CBD.jpg');
     height: 60vh;
     width: 100%;
     background-size: cover;
     background-position: center;
     position: relative;


now write text expression or whatever you want.

Kind regards,

Jitendra

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