Hi, 

I have attached an image which shows the expected behavior of bottom bar, that's what I need .

But ideally what happens the highlighted bottom menu is visible only if you will scroll down at end of the page.

Thanks

Shivangi

On the description of this question you said it was reactive, but as I can see is mobile. RIght?

Have a look at my solution, if this is reactive.  Go see my first answer. Let me know what to do to recreate the issue on my side if it doesn't work.

This is just an example>

https://marcio-carvalho4.outsystemscloud.com/BottomBarFixed/Products?_ts=637751684179380516

If you want you can check on the shared module. you can see it on the Theme.

Thanks alot !

Let me check it.

Its reactive app only not mobile .

I have other placeholder (which has the content )in layout below footer , so is it possible to do this with it?

Hello shivangi, 

put both in one container and add style class to that container with the same that you write already

else create similer css for container
and add the same in it

Thanks and regards,

Akshay Deshpande

Yes, I think you don't have any problem. If is inside of the content bottom aka the footer, the footer will adjust. What does the placeholder have inside? what is his purpose if you can say?

And it would be perfect if you could recreate this and share it with me/us, just to test.

Kind regards,

Márcio

I don't want to apply it to footer , that's why there is a separate placeholder created to have bottom menu.

For that if I applied this CSS to the content of my placeholder then it didn't work.

Pls find attached image.

(I didn't understand at first, that's why I always ask for an OML or a screenshot of what you are trying to do...)

You know it takes more time when we are just seeing and we need to create those placeholders don't he layouts and test.

If you can do to the footer you can do to that placeholder ribbon. On that placeholder, you just need to have a class on the style classes and apply the style that I created before.

I am going to try too on my side.

But I need to ask one other thing. At what level do you have the ribbon, I cannot see that on my side. I know what you are doing, but I need to know where did you put the placeholder or if is something just external, and you just created that placeholder.

Apologies for not sharing oml.

Please find attached sample oml for more clarity.

I added placeholder in layout side menu externally.

Thanks

Shivangi

Hello you need to add here only 

Look, I did the same using my previous solution and it works :)

https://marcio-carvalho4.outsystemscloud.com/BottomBarTest/Products?_ts=637751715147815432

@Akshay Deshpande 🚀 the best thing is to put that class at the level of the layout because if Shivangi Thakur is going to put on the container at the screen, those styles are not going to happen on other screens, and Shivangi Thakur needs to do that all over again, so from my perspective,(let me know if I am wrong) is not the best solution. But it is just one exception, I think it should be on the screen, but still, the exception can be created on the layout and be active when the developer wants that on the screens by doing that exception on the layout level. This is just me thinking, let me know what you think. ✌️ 

Not sure May be you are right :)

Thanks alot ! 

:)

Thanks Akshay,

Tried all what you suggested but it didn't work .

Anyways Thanks for your time :)