Customized Tailor backend

Questions
#1

I would like to know which is the best approach to further customize the backend GUI generated by Tailor blueprints. For instance, instead of change the underlying code and the CSS styles, is there a quick way to customize the content menu, put a separator between items, and so on? Maybe some kind of templating system?

Thanks in advance for your replies.

#2

Hi @jeraso

Blueprints can define custom navigation using the navigation property:

#3

Thanks for the reply.
I was aware of that part of the documentation. However, I was looking for more ways to customize the backend interface from the blueprint, like creating separators in the side menu, change the layout, and things like that.

#4

You might be able to get away with creating a plugin and customizing things in the boot method depending on the page.

You can inject js or css by using the following code in your plugins boot() method:

Event::listen('backend.page.beforeDisplay', function ($controller, $action, $params) {
  $controller->addCss('/plugins/author/plugin_name/assets/css/styles.css');
  $controller->addJs('/plugins/author/plugin_name/assets/js/app.js');
});

You can also use the models for the entry records and lookup the specific record to determine which page gets assets. That info is here:

#5

Thanks for your reply.

Developing a plugin is an option. However, Iā€™m looking for a guide to customize the backend GUI as it gets generated by Tailor tool.

#6

Hmm, you might be able to get away with just adding backend styles in the backend area.

The link to that is /BACKEND_URI/system/settings/update/october/backend/branding#primarytab-styles

1 Like
#7

Without anything specific, using a backend skin lets you override core parts of the layout, including the navigation. Here is an example plugin that does this: