Admin layout customization

I would like to know how to customize admin layout? For example how to change the orientation of menu, how to change the background color of menu, how to add a logo in the header etc. Please help me.

Hello. You can do a lot of this by adding different CSS classes (from Semantic UI) to menu elements. For deeper customisations I would suggest you to create & use a custom HTML template with your app for the layout.

Thanks for reply. Today I started learning this tool from https://www.agiletoolkit.org/intro/1. When I used the following code:

$plane = $layout->add(['View', 'template'=>new \atk4\ui\Template(
  '<div id="" class="ui statistic">
    <div class="value">
       
    </div>
    <div class="label">
      Flights
    </div>
  </div>'
)]);

Then I received the following error message:

Error: Call to a member function add() on null (in /home/ccpplinux/public_html/AgileToolKit/agiletoolkit/test.php:22)

Then I changed the code to following:

$plane = $app->layout->add(['View', 'template'=>new \atk4\ui\Template(
    '<div id="" class="ui statistic">
      <div class="value">
         
      </div>
      <div class="label">
        Flights
      </div>
    </div>'
  )]);
  
  $plane->template->set('num', rand(5, 20));
  $plane->add(['Icon', 'plane'], 'Plane_spot');

Then I am getting the following error:

Fatal Error

atk4\ui\Exception: Tag not found in Template

So I am unable to proceed. Can you please clarify why the code is not running?