54
Views
10
Comments
Solved
Popover menu goes inside the table In Desktop mode.

When i chnange screen size popover menu goes inside the table.
can anyone have solution for this? 

Solution

Hi @Abhishek Jain ,

I tried to replicate the same scenario in my personal environment and it's working as expected.

I am attaching the sample .oml for your reference, so that you can compare your code.

If possible please share your sample oml with us so that we can analyse the same.

Hope this helps.

Thanks,

Manish Jawla

PopOverSolution.oap

What i did is, enclosed table in container and add this style overflow:x : auto.
try with this.

Hi Abhishek,

I have enclosed the table widget in container as well and add the css class for vertical scroll and still working as expected.

I am attaching the oml for your reference.

I believe you need to change the way you trying to apply the scroll bar for your table widget.

There are 2 options for adding the scroll bar 

1) you can use the scroll widget : ScrollableArea

2)use OutSystems inbuilt class "overflow-vertical" on your container.

Hope this helps.

Thanks,

Manish Jawla

PopOverSolution.oap

I have used all the things oml also I have gone through still facing the same issue, 
popover menu is still going inside the table only.

and please help me for this pagination number size increase it comes so condensed. 

Hi,

If you could share the oml it will be more elaborative.

According to me, using css position must be set to  achieve similar frontend.

Please have a look with this Image, this is outystems Default Widget, there is nothing i applied it just about screen resolution.

Solution

Hi @Abhishek Jain ,

I tried to replicate the same scenario in my personal environment and it's working as expected.

I am attaching the sample .oml for your reference, so that you can compare your code.

If possible please share your sample oml with us so that we can analyse the same.

Hope this helps.

Thanks,

Manish Jawla

PopOverSolution.oap

What i did is, enclosed table in container and add this style overflow:x : auto.
try with this.

Hi Abhishek,

I have enclosed the table widget in container as well and add the css class for vertical scroll and still working as expected.

I am attaching the oml for your reference.

I believe you need to change the way you trying to apply the scroll bar for your table widget.

There are 2 options for adding the scroll bar 

1) you can use the scroll widget : ScrollableArea

2)use OutSystems inbuilt class "overflow-vertical" on your container.

Hope this helps.

Thanks,

Manish Jawla

PopOverSolution.oap

I have used all the things oml also I have gone through still facing the same issue, 
popover menu is still going inside the table only.

Champion

I guess you are not Using Outsystems UI theme or it may be overridden,

For pagination what you can do, add this to css as you can see here


I hope this helps
Thanks

If i used 32px defined, i am getting data of more then 10k records then this will give issue so i used width as auto, and by auto it shows this

Champion

I guess it will not effect, because when we have pages it shows upto 4 , and when yoy click on fourth then it changes to 4, 5 , 6, 7. and then dash dash dash.So that is not the problem.

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