214
Views
4
Comments
Solved
Change position of Block to "on top" instead of above a container with widgets
Question
Application Type
Mobile
Service Studio Version
11.53.19 (Build 61407)
Platform Version
11.17.1 (Build 36834)

Hello. 

I'm creating an application for Android users and I've came across an issue I would like to solve.

I'm trying to figure out how I can inside of outsystems change so that a block is on top of the items on my screen, instead of above. The issue I have is that if I scroll really far down on the mobile screen I can access the things below the block. 

I've tried position with css, z-index etc. 


Thank you.

screenblock.JPG
2023-08-28 09-08-29
Venkatesh Sundarajan
Solution

Hi Steven, 

In the image you attached says that the block is shown based on a condition, if that's the case can you use Pop up widget?by default make a popup display as "True" so your content will be top of your screen and can give "X" icon to close the pop up. 

If I misunderstood, can you explain little more. 


2022-10-17 18-34-06
Steven Erixon

I could use popup widget, that's true. I would however like to find a way to display a block on top of (just like a popup works) the other content.


You understood right. This block is inside of an if-statement. It has the purpose of showing notifications. So if there is new data in an entity -> trigger the block and show the notification.


If there are no work around with css I guess I'm stuck to using a popup widget.. I'll give it a few more tries.


Thanks!

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi @Steven Erixon ,

as what you want is in essence a popup, can you explain why you want instead a 'block'?  Is it a matter of styling ?? Is it a matter of not knowing how to do a popup inside a block ? what characteristics of a popup makes you want to explore other ways of doing this ?

If you can elaborate on this, maybe someone can help tweek the popup and/or fix your block to be more like what you want ?

Dorine

2022-10-17 18-34-06
Steven Erixon


It's a matter of time spent and me being stubborn. I've done this plenty of times with html, css and js on ordinary homepages.

 I did however just solve it now (with css), but I'll give Venkatesh the solution because it's the best option. 


Thanks for replying Dorine. Keep it up!


Best regards, Steven

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