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

 

 

Step 1

Goto Awesome Core > Services module and add the following code if not present.

 

Step 2

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

 

Step 3

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.

Step 4

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

 

Step 5

You can change the dashboard logo by setting the logo URL in the ‘backend-logo‘ key in the Awesome Core -> settings.

Important things:

  • 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.
Categories
Most Popular

Leave a Reply

Your email address will not be published. Required fields are marked *