Hello Everyone,
I need help to apply responsive css. Whenever I zoom out the screen then my applied css get changed and screen looks different. can anyone help me out on this one ? I have attached my oml here. Please refer it and make changes into the CSS part.
Thanks in advance.
@Ajit Kurane I download your OML and put on html and I have made some changes. I have achieved this behavior. The. first one is your solution the second one is my solution. Enjoy
Hey Ajit,
I have updated your oml and attached same oml, may be this is helpful for you
Thanks and regards,
Akshay Deshpande
What do you want to achieve ? I haven't got the idea , please attach more images
I have applied css over an image and on browser when I zoom out the screen then it gets changed (look of screen),
Thanks,
Ajit Kurane
The secret to have image responsive in css is put width equals 100%, because no matter what you zoom in or zoom out the image will be resize for fit the current viewport
Hello
What are you trying to achieve here, can you please elaborate it more so that we can understand
but if you want to play around with css then check background and image Css,
If you want to use image and text over it you can try this UI Widget available
https://outsystemsui.outsystems.com/WebStyleGuidePreview/CardBackground.aspx
Thanks
Hi Ajit,
You can use percentages instead of fixed pixels. For example, height: 25%; instead of height: 100px;.
Regards,
I did it but still issue is the same.
Hi @Ajit Kurane ,
I have done same kind of thig in my application what you can do is provide some condition on extended class like:
If(DaysList.Current.WeekDate=SelectedDate,"selectedboxclass","specialclass") in this case if my weekdate =selectedDate then it will use selectedboxclass else it will use specialclass. and you can define properties of class as per your convinience.
Jitendra