Popover Menu Widget - Contents Not All Visible
Question

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



mvp_badge
MVP
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-

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


mvp_badge
MVP

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-

mvp_badge
MVP
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-

Dear Pramod,


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


Kind Regards,

Malebo

mvp_badge
MVP

Great it solved your problem.

Regards,

-PJ-

Hi everyone, I have a similar issue where the words are being wrapped around, and since I am in my personal environment I dont know if that is the issue.  If I increase the size of the popover, everything increases even the menu button that allows a user to get to the popover.  Is there a dynamic way of doing it so the selections (words in each selection) in the popover arent wrapped around?

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