Take Full Control of Your Fibery UI – Introducing Fiberflow Tweaks!

Fibery Showcase
1

Hey everyone,

I’ve developed a Chrome extension called Fiberflow Tweaks that allows you to customize Fibery’s UI with your own CSS. This tool lets you tweak the interface to better suit your preferences and workflow.

Fibery Tweaks - Fiberflow Extension
Fibery Tweaks - Fiberflow Extension1280×800 137 KB

:sparkles: Key Features

• Apply Custom CSS: Personalize the UI by injecting your own styles.

• Enable/Disable Styles: Easily toggle your customizations on or off.

• Install Pre-Made Tweaks: Access a public repository of tweaks to quickly change small parts of the Fibery UI.

:pen: List of Pre-Made Tweaks

  • Better Timeline Today Marker: Make the timeline today marker more visible. Increase the width and place the today marker in front of the timeline events.
  • Add View Name to Tab Title: Add the view name to the entity tab title.
  • Field background color: Set the background color of a field.
  • Border around Rich-Text Field: Add a border around the Rich-Text field.
  • Custom Branding: Customize the branding of your workspace.
  • Table header wrapping: Allow table view header field names to wrap into multiple lines.
  • Set Entity Icon as Tab Favicon: Set the entity icon/ avatar as the tab’s favicon. For pages, set the page icon or emoji as the tab’s favicon.

If you’ve been looking to adjust Fibery’s interface to better match your needs, this extension might be helpful. It’s free to use and there is no login required. I’d love to hear your feedback or suggestions for additional features.

You can download Fiberflow Styles here: Fiberflow - Chrome Web Store

Looking forward to your thoughts and any styles you create!

@Fibery-Team: I understand the concerns around supporting custom CSS, especially considering how extensive and varied the customizations can be. You’re right that there’s a potential for things to break, and I want to reassure you that I’m prepared to take on the responsibility of handling support for this extension.

Fibery Tweak Custom Background Color
Fibery Tweak Custom Background Color1280×800 132 KB

Fibery Tweaks Custom CSS
Fibery Tweaks Custom CSS1280×800 80.7 KB

9 Likes
2

Thats amazing, thank you Benjamin!
Could you integrate viewer context, similar to what I posted in the past? This opens up a massive amount of new feature possibilities.

Prototype: Chrome extension to facilitate viewer context - API & Programming - Fibery.io Community

3

@Yuri_BC thanks for the feature suggestion, I really like your idea and will implement it! The first version will display everyone who is currently looking at an entity or document :slight_smile: I’ll keep you posted about the progress! :rocket:

1 Like
4

Presumably it requires every user to be using the Chrome browser + extension?

1 Like
5

Exactly right, this is the biggest downside of this approach. However, maybe it is not a bad thing that users have to opt-in by installing the extension.

6

I remember encountering some challenges with the Viewer Context prototype, which required some decisions, such as if a user has two panels open in their browser, the last one opened is the ‘active’ entity being viewed. This makes most sense, but may need some testing on the impact of the features that we develop that depend on the viewer context.

Also, probably good to dedicate separate forum topics for each FiberFlow Tweak?

1 Like
7

Here is a feature that I have been proposing for years: hide empty collection fields. This could now be included as FiberFlow Tweak.
It creates a bit of a challenge how to allow users to turn on/of visibility in order to add an entity to a hidden field, but I think we can figure that out.

1 Like