Change Location of the Filter Dialog #1353
-
|
I am looking for a possibility to change the position of the filter dialog, that is part of Backpack Pro. Right now, the filter looks like this:
However, we will have quite a lot of different filters in our application. This is why it would make sense to move the filter dialog to the right side for example, so that all the currently active filters can be seen immediately and that there can be a longer list, with up to 20 different filters. I already tried to experiment with overwriting the file Any help is very much appreciated. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
Backpack Pro's filter bar is, by default, displayed above the entries table as a horizontal navbar. There is no built-in configuration option documented to move the filter dialog to the right side of the page or to a sidebar layout. However, your use case—having a large number of filters and wanting them always visible in a vertical list—has been discussed by the Backpack team and community. The official recommendation is to customize the filter UI by overriding the relevant blade view (such as filters_navbar.blade.php), which you have already attempted. The Backpack team acknowledges that moving filters to the side (like in e-commerce sites) would be more intuitive for many filters and would allow for an "infinite number of filters" in a scrollable area. However, this is not provided out-of-the-box, and you are encouraged to implement this customization yourself for your project. The maintainers have stated that while it's possible to achieve by modifying the blade files, it is not a core feature due to the complexity and limited demand for such a layout. They suggest that if you need this, you should proceed with your own custom solution, as Backpack is designed to be highly customizable in this way. You may need to create your own sidebar filter layout and wire it up to the filtering logic used by Backpack Pro filters, possibly by reusing or adapting the filter components in a new blade file and updating the CSS/layout as needed. Here are some relevant comments from the Backpack team:
In summary:
If you need further guidance on how to wire up the filters in a custom layout, you may need to dig into how Backpack's filters work under the hood and replicate the necessary logic in your new sidebar view. If you have specific issues with your blade override, feel free to share your code or describe the problem further for more targeted help. ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️ Relevant sources: FAQs for the admin UI|FAQs for the admin UI |
Beta Was this translation helpful? Give feedback.
Backpack Pro's filter bar is, by default, displayed above the entries table as a horizontal navbar. There is no built-in configuration option documented to move the filter dialog to the right side of the page or to a sidebar layout. However, your use case—having a large number of filters and wanting them always visible in a vertical list—has been discussed by the Backpack team and community.
The official recommendation is to customize the filter UI by overriding the relevant blade view (such as filters_navbar.blade.php), which you have already attempted. The Backpack team acknowledges that moving filters to the side (like in e-commerce sites) would be more intuitive for many filters and w…