Documentation / Tutorials / Awesome Services
Backend Design Service
/ Awesome Services / Backend Design Service
This service is use to handle the admin panel UI Design layout like sidebar Navigation Menu and it gives you middle space, in middle space whatever you want to do you can.
Like this below image
Goto Awesome Core > Services module and add the following code if not present.
Now download backend_design.xml from this url ( URL:https://github.com/WPoets/awesome-apps/tree/main/services/backend_design) and once downloaded the file.
Just go WordPress importer, Tools > Import
Create your APP – e.g. Setting app
Setting app> Go to config > create a module layout
Title: layout (slug: use “layout” only)
Put below code into layout module
Note: This is to provide you a layout as we mentioned above. You can also pass it “menu” as shown in the example below to show menu items specific to the App.
For sidebar layout, we need to set an array of a menu list and sub-menu list, which is defined in the ‘backend-menu‘ module of Awesome Core.
Awesome Core> Backend-menu
You can change the dashboard logo by setting the logo URL in the ‘backend-logo‘ key in the Awesome Core -> settings.
- You have to make sure the class name should be app slug (created app slug), and create an array in the same manner as given.
- You can modify the menu name whatever you want.
- If you set “target =_blank” it will open the link in a new tab.
- The “link” attribute has to be an absolute URL.