# Show-Hide Empty Collection Fields setting **URL:** \ **Category:** Fibery Showcase\ **Created:** [May 30, 2025, 4:07pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893 "2025-05-30T16:07:05Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![Yuri\_BC](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yuri_bc/32/8803_2.png) [@Yuri\_BC](https://community.fibery.io/u/Yuri_BC)\ **Post date:** [May 30, 2025, 4:07pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/1 "2025-05-30T16:07:05Z")
Here is a prototype for the feature request: Hide empty fields (specifically relation collection fields). I hope something similar will be implemented by Fibery soon. ![msedge_3BnIjCNPRH](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/5/5080f44eeead3a03a7a27884ec50e19e8ce50ccb.gif) ## How: 1. Add a checkbox field (name e.g. HideEmptyFields) 2. Add the following css to either FiberFlow, Stylus or similar browser extension: ```auto /* Hide empty relation fields when ShowEmptyFields checkbox is unchecked */ div:has(.checkbox.uxtwros) div.relation_views_field_container:has(.AKTree:not(:has([data-react-beautiful-dnd-draggable]))) { display: none; } ``` ## Fancy: For sliding in and out effect, use this ccs instead of the one above: ```auto /* Default: Ensure relation fields are visible and ready for animation */ div.relation_views_field_container { max-height: 1000px; /* Large enough to accommodate most fields */ opacity: 1; overflow: hidden; transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out; } /* Hide empty relation fields with slide-up animation when ShowEmptyFields is unchecked */ div:has(.checkbox.uxtwros) div.relation_views_field_container:has(.AKTree:empty) { max-height: 0; opacity: 0; overflow: hidden; } ``` ## Related topics: - [Automatically hide empty fields in entity display (to reduce visual clutter)](https://community.fibery.io/t/automatically-hide-empty-fields-in-entity-display-to-reduce-visual-clutter/4709) - [Show empty pinned fields only on hover](https://community.fibery.io/t/show-empty-pinned-fields-only-on-hover/5055) - [[DONE] Individual Layouts for a node, hide fields etc - Ideas & Features - Fibery.io Community](https://community.fibery.io/t/done-individual-layouts-for-a-node-hide-fields-etc/995) - ---
**Author:** ![derbenoo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/derbenoo/32/11540_2.png) [@derbenoo](https://community.fibery.io/u/derbenoo)\ **Post date:** [June 6, 2025, 6:02am UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/2 "2025-06-06T06:02:44Z")
Hey Yuri, thanks for the showcase, great work! I implemented a Fibery Tweak for this, here is a first version: The indicator how many fields where hidden is still missing, I will add that one similar to the indicator for hidden fields: ![Screenshot 2025-06-05 at 18.10.57](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/c/c6fefe346dfcdaffb9c5ef632f2cc606930649b9.png) ![Screenshot 2025-06-05 at 18.10.52](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/a/ab33eaaea96a8db1f1599eff0cc8b98b8af7d698.png) ---
**Author:** ![Bronn](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@Bronn](https://community.fibery.io/u/Bronn)\ **Post date:** [June 24, 2025, 12:20pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/3 "2025-06-24T12:20:42Z")
Hi Yuri, thanks for this. The fancy version works for me, but the standard doesn’t. However, I have other checkboxes and it chooses a random one to use. Is there a way to set it to work with a specific checkbox? ---
**Author:** ![Yuri\_BC](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yuri_bc/32/8803_2.png) [@Yuri\_BC](https://community.fibery.io/u/Yuri_BC)\ **Post date:** [June 24, 2025, 12:55pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/4 "2025-06-24T12:55:15Z")
Thats an issue I saw indeed. The problem is that the checkbox field in fibery does not have unique class assigned meaning that another checkbox field triggers the same showing hiding. So checkboxes are a bad solution. I have not thought about it further but did you try the Fibery Tweak of @derbenoo ? ---
**Author:** ![Bronn](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@Bronn](https://community.fibery.io/u/Bronn)\ **Post date:** [June 24, 2025, 1:13pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/5 "2025-06-24T13:13:49Z")
I did have a quick play but I was unable to select fields: ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/b/bfc60209d1654786f2e2728572610e79bc69ae7e.png) Similar issue with the field background color tweak: ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/f/f5881d93e014828a7274e583e09c614905c9dc37.png) Any ideas @derbenoo? ---
**Author:** ![derbenoo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/derbenoo/32/11540_2.png) [@derbenoo](https://community.fibery.io/u/derbenoo)\ **Post date:** [June 25, 2025, 2:53pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/6 "2025-06-25T14:53:03Z")
UPDATE: Thanks for pointing this out, I had a bug in my latest update 🤦‍♂️ I fixed it, all you have to do is to **uninstall** and then **reinstall** the tweak! 🚀 * * * Original answer (still useful): Hey @Bronn, thanks for trying out the extension! 🙂 The most likely issue is that there is no Fibery tab. The extension needs to communicate with at least one open Fibery tab in order to load all available fields of the workspace. I added a warning at the bottom in version 1.4.0 that shows and explains the error to the user. If you are on version 1.4.0, did you see such a warning at the bottom of the extension popup? ![fiberflow-extension-fibery-tab-warning](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/e/e59d0fda939de05bdb17dfdd9428c4dc6dea3fc1.png) ![fiberflow-extension-fibery-tab-warning-2](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/2/2b7ea986b0321a74b3bd8286ff315f59b74c1a5f.png) ---
**Author:** ![Bronn](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@Bronn](https://community.fibery.io/u/Bronn)\ **Post date:** [June 27, 2025, 8:40am UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/7 "2025-06-27T08:40:36Z")
I can confirm the update is working! Thank you, @derbenoo. 🙂 It might be a good idea to write in an export/import feature for settings as more tweaks are created. (Unless there is one already and I missed it - I didn’t need it in this instance so I only had a quick look to see if the option was there.) ---
**Author:** ![derbenoo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/derbenoo/32/11540_2.png) [@derbenoo](https://community.fibery.io/u/derbenoo)\ **Post date:** [June 27, 2025, 9:22am UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/8 "2025-06-27T09:22:21Z")
You are spot on - I have not implemented a update mechanism for tweaks, so user settings get lost. That one is still on my TODO list, will be part of the next update ☀ ---
**Author:** ![Yuri\_BC](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yuri_bc/32/8803_2.png) [@Yuri\_BC](https://community.fibery.io/u/Yuri_BC)\ **Post date:** [July 7, 2025, 9:20pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/9 "2025-07-07T21:20:21Z")
Thanks for working at this ‘ **Hide Empty Collections** ’ tweak, I tested it today and see that you allowed in this tweak to select which specific collection field to target. Thats neat! However I have many fields with similar names that show up. It would be great to have a ‘select all’ button? ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/6/6105ca7b3d91f8efc66de7aa3ab50819e70d1526.png) ---
**Author:** ![derbenoo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/derbenoo/32/11540_2.png) [@derbenoo](https://community.fibery.io/u/derbenoo)\ **Post date:** [July 8, 2025, 7:08pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/10 "2025-07-08T19:08:01Z")
Great feedback, I will allow multi-selection and update this post once released 🙂 ---
**Author:** ![derbenoo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/derbenoo/32/11540_2.png) [@derbenoo](https://community.fibery.io/u/derbenoo)\ **Post date:** [July 21, 2025, 3:53pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/11 "2025-07-21T15:53:32Z")
Hey @Yuri_BC, just wanted to let you know that you can now select multiple fields at once inside a Fibery Tweak 🙂 You can search for the fields you want to hide and then press “select all” to select all search results. Hope this saves you some clicks 😉 ![fiberflow-fibery-tweaks-multi-field-select-udpate](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/e/e98ae02329b9b7779e98a31e4b4513483d8cea34.png) ---
**Author:** ![Yuri\_BC](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yuri_bc/32/8803_2.png) [@Yuri\_BC](https://community.fibery.io/u/Yuri_BC)\ **Post date:** [July 21, 2025, 3:55pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/12 "2025-07-21T15:55:09Z")
Thats amazing, well done and thank you! ---
**Author:** ![tycecycle](https://avatars.discourse-cdn.com/v4/letter/t/848f3c/32.png) [@tycecycle](https://community.fibery.io/u/tycecycle)\ **Post date:** [July 23, 2025, 8:43pm UTC](https://community.fibery.io/t/show-hide-empty-collection-fields-setting/8893/13 "2025-07-23T20:43:54Z")
Once an empty collection field is hidden, what do you recommend as a workflow for adding an entity to that collection field?