Can anyone please tell me how to fit the entire table data in a pop up because when I try to insert a table its moving out of the popup widget, can anyone please help me.
Hello Shalini D M,
Have you considered the possibility of increasing the width and height of the default popup widget?
Are you using pagination on the table or infinite scroll? Could you please provide more information about your issue along with some screenshots?
Best regards, Ana
I tried it by increasing the width and height of popup its not working
Hello again,Can you please show what did you tried? Best regards, Ana
Thanks for the response i got it
Hi Shalini, there is a post that already have an answer to that, I think it can help you with that. Here it is: https://www.outsystems.com/forums/discussion/66655/how-to-adjust-a-popup-width-on-reactive-web/#Post264929
Cheers.
Hi Shalini,
You can use the style Class "Overflow" for the POPUP. Based on the Overflow property, It will allow you to enclose the table inside the popup.
To understand Overflow, Refer this link.
You can try by adding this CSS in the popup for table content adjustment:
.TableAdjust{
max-width: 1020px;
max-height: fit-content;
border-radius: 15px;}
Regards,
Supriya
In the following UML I've made two examples of how you can perhaps fix your problem.
1. I simply put the table within a container and add the CSS 'overflow-y: scroll;' to it, making it so that you can simply scroll through the popup without having to change the size of the popup.
2. I increase the width of the popup by adding the CSS 'min-width: 1200px;' to it.
Hope this helps, good luck!
Thank you it worked for me.
I'm glad it helped you out. If you mark the reply as the solution, it might help others as well :)
Hi @Shalini D M
take help from the OML.
sample - sample
hope this will help
Thanks
Prince