141
Views
11
Comments
How to display entire table inside a popup
Discussion

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.

2023-01-26 16-03-24
Ana Agostinho

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

UserImage.jpg
Shalini D M

I tried it by increasing the width and height of popup its not working

2023-01-26 16-03-24
Ana Agostinho

Hello again,

Can you please show what did you tried? 

Best regards, 
Ana

UserImage.jpg
Shalini D M

Thanks for the response i got it 

2023-12-28 15-13-10
Mauro Alviza

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.


UserImage.jpg
Kowsalya Vadivel

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.

2021-06-14 08-03-27
Supriya Bawali

Hi Shalini,

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

 

2023-02-03 09-48-00
Chris van den Heuvel

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!

TableFitPopup.oml
UserImage.jpg
Shalini D M

Thank you it worked for me.

2023-02-03 09-48-00
Chris van den Heuvel

I'm glad it helped you out. If you mark the reply as the solution, it might help others as well :)

2024-05-08 06-29-37
Prince Aadil Khan Panwar

Hi @Shalini D M 

take help from the OML. 

sample - sample

hope this will help

Thanks

Prince

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