Forum Academy Marketplace Showcase Pricing Features

(Solved) Limit number of ext. vertical scroll cells

Hi All,

Just wondering whether there is a way to limit the number of ext. vertical scroll cells to be shown.
My use case is that I am building a notification pop-up (group focus) and I want it to only show the last 5 alerts with a button to say ‘View All’. This is so the window stays small and compact and only increases to the maximum number of cells set.

I don’t want to use Fixed number of cells as I only want the pop-up to be as big as the number of notifications (i.e. I don’t want extra white space if there is only 1 notification).

In the attached image you will see it is showing 6 notifications. I only want it to show 5 and when I click on View All it will take me to the notifications window with a full list.

Cheers
Lyndon

I’m not sure if it’d be the cleanest solution, but you could place five different repeating groups (fixed number of cells) within that focus group. The repeating group that is displayed is determined by the total count of the User’s List of Notifications. For example:

“When Current User’s Notifications count is 1” --> This element is visible.
(fixed number of 1 cell)

“When Current User’s Notifications count is 2” --> This element is visible.
(fixed number of 2 cells)

“When Current User’s Notifications count is 3” --> This element is visible.
(fixed number of 3 cells)

“When Current User’s Notifications count is 4” --> This element is visible.
(fixed number of 4 cells)

“When Current User’s Notifications count is greater than or equal to 5” --> This element is visible.
(fixed number of 5 cells)

A little bulky, but I think it might work if you don’t want any extra white space. :slight_smile:

Sweet UI!

Thanks for the thoughts and detail Faye. Really appreciate it.

While I was responding, I had a thought and then actually found how to handle it…
Add :items until # and then put in what ever value you want to stop at. :slight_smile:

Thanks again Faye

2 Likes

Thanks Roman. Appreciate it :slight_smile:

Great solution Lyndon - I’ll be using your method from now on! Thank you! :slight_smile:

1 Like