Popover Menu Widget - Contents Not All Visible

Greetings,


Please find the attached pictures for reference at the bottom.


I'm using a Popover Menu widget in the UserInfo block to display notifications. When there's one record in the aggregate feeding the Popover, that record is visible. When another record is added, the user is only able to see one record. The other records are hidden by the browser URL input.


How can I lower the Popover to show all the records during run-time?


Kind Regards,

Malebo Sambo



Hi Malebo,

Try to use a list records (the source is your aggregate) to show all your records inside your Bottom Content. 


Hope this can help.


Best regards,

Ricardo M Pereira

Hey Ricardo,


When I use a List it makes the display of the Popover even worse, it bundles up the content.


What I think would work is extending the bottom placeholder on each sides and the bottom. The bottom could extend further depending on the number of records in the aggregate. 

The Popover has a Popover Width Property but it seems to have a max width cause I've set it to 100000px.


Kind Regards,

Malebo


Hi Malebo,

I just checked it at my end and it is showing the same as you mentioned , i managed it by adding 

padding-top: 170px; and it start showing all the records .

Try Inspect element and play with padding until you start seeing all the data.

Before Padding-


After Padding - 

Regards,

-PJ-

Solution

There is a default class applied to the popover widget (bottom content) which has padding-top:10 px.

You can simply override only the padding like below and it should work for you.

SyntaxEditor Code Snippet

.popover-bottom {
   padding-top: 170px !important;
}




Regards,

-PJ-

Solution

Dear Pramod,


Thank you for the solution. The widget is showing all the records.


Kind Regards,

Malebo

Great it solved your problem.

Regards,

-PJ-