Jump to content

remove the back office page header toolbar and its allocated graphical space

ByteJ
 Share

Recommended Posts

ByteJ Newbie

ByteJ

Posted
Posted (edited)

Hello prestashop developers. I am developing a prestashop module for the back office. The user can access the module via the sell tab and then the module content is displayed in the back office.

However, I want the template of the module to be displayed and expand across all the available space, including the space for the page header (I don't want to display a page header in the module back office) like in the first picture:

The red color space is the space allocated by the page_header_toolbar.
The green color space is the space allocated by the AdminController's template when the template is given full page height.

The green arrows are where I want the AdminController's to expand an be displayed instead of overflowing when given the height of the full viewport.

In the AdminController is set 

$this->show_page_header_toolbar = false;

so got the result of the second picture:
a blank page header that still allocates the graphical space that it had before.

what I want: is that the page_header_toolbar completely disappears with its allocated space.

Any ideas?

The following is the actual code for the AdminController:

  

<?php

class AdminDummyModuleController extends ModuleAdminController
{

    public function __construct()
    {
        parent::__construct();
    }

    public function postProcess()
    {
        return parent::postProcess();
    }

    public function initContent()
    {
        parent::initContent();
        // Your code to display the module's back-office page

        // Disable the toolbar
        $this->show_page_header_toolbar = false;

        // Set the template file to be displayed
        $this->setTemplate('main.tpl');
    }

}

 

And the following is the HTML template for the main.tpl file:

  

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div class="div" style="height: 100vh; background-color: green;"></div>
</body>

 

Thank you

 

screenshot_2.png

screenshot_1.png

Edited by ByteJ
completed and provided more information and removed some confusion about the order of the pictures (see edit history)
Link to comment
Share on other sites
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...