I have a Details page with 3 Inline Lists next to each other. Each list is set to “Only show a few items”. When “See All” is selected for any of the lists, the “Details” are shared between all 3 lists. When I try to change which column the “Details” is referencing, it changes it for all 3 lists, but I want to display something different for each list. The initial Inline List view where you can see all 3 at once displays different “Details” just fine, but the issue is when “See All” is selected. I’m not sure if this is a bug or if I’m configuring something incorrectly.
1 Like
Exactly that happens to me so I decided to show all the options in the list because I could not find a “solution”
Checkout my solution here.
2 Likes
You should have an action linked with it. In my case it’s link to screen and links to the same relation I used for my inline list.
1 Like
You are a css genius!
Also make sure the see all text is only visible when you have more items than you limit. Let’s say you limit your list to 3 items, have an additional rollup column to count the number of items in the relation. Only show the text when rollup count > 3.
Is there any way to make it look in a single line? That is, next to the text “Categories”?
(As in the second image)
Only downside here (I’m not even sure if it’s a downside) is that when users click anywhere on the “line” they will trigger the linked action.
<div class="one-liner">
<div class="title">Title</div>
<div class="see-all">See all</div>
</div>
<pre><span><style>
.one-liner {
padding: 0px 16px 8x;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.title {
font-weight: 700;
font-size: 1rem;
line-height: 1.1875rem;
font-family: Poppins, BlinkMacSystemFont, Roboto, sans-serif;
color: #c3c8cf;
}
.see-all {
font-weight: 600;
font-size: 1rem;
line-height: 1.0625rem;
font-family: "Nunito Sans", BlinkMacSystemFont, Roboto, sans-serif;
color: #2cd2df;
}
1 Like
I just tried that and no it’s not convenient. Likewise, thank you very much for trying.
1 Like
It is not exactly your method, but I started there and achieved a result that I am satisfied with. Thanks friend!
1 Like
Neat app!