Помощь Как сделать левое меню в админке закрытым по умолчанию?

Marinika

Marinika

Хранитель порядка
Регистрация
18 Июн 2017
Сообщения
759
Реакции
1.236
Может кто-нибудь знает как сделать левое меню в админке закрытым по умолчанию?
 
Marinika написал(а):
Может кто-нибудь знает как сделать левое меню в админке закрытым по умолчанию?
Нажмите для раскрытия...
Если я правильно понял, вы хотите сделать так, чтобы Toggle Menu было закрыто по умолчанию...

1) Если ваш редактор не позволяет вставлять javascript, то временно отключить редактор в "Global configuration" => "Default Editor" => "Editor None". Это нужно сделать чтобы код при вставке не обрезался (потом вернёте себе свой редактор).

2) Создаём модуль для административной части Joomla. Для этого переходим в "Modules", меняем "Site" на "Administrator", нажимаем "New" и создаём модуль "Custom". Даём название, например Toggle Off, выбираем позицию для публикации Menu

3) Вставляем в этот модуль такой код:
JavaScript: 
<script>
document.addEventListener('DOMContentLoaded', function() {
    var menuCollapseButton = document.getElementById('menu-collapse');
    var sidebarWrapper = document.getElementById('sidebar-wrapper');
    
    if (menuCollapseButton && sidebarWrapper) {
        var menu = sidebarWrapper.querySelector('.sidebar-menu');
        
        menuCollapseButton.addEventListener('click', function(event) {
            event.preventDefault();
            if (menu.classList.contains('show')) {
                menu.classList.remove('show');
                menuCollapseButton.setAttribute('aria-expanded', 'false');
                document.getElementById('menu-collapse-icon').classList.replace('icon-toggle-on', 'icon-toggle-off');
            } else {
                menu.classList.add('show');
                menuCollapseButton.setAttribute('aria-expanded', 'true');
                document.getElementById('menu-collapse-icon').classList.replace('icon-toggle-off', 'icon-toggle-on');
            }
        });
    }
});
</script>

Теперь Toggle Menu в административной части Joomla должно открываться только если вы кликнете по нему.
 
Romanychch написал(а):
Если я правильно понял, вы хотите сделать так, чтобы Toggle Menu было закрыто по умолчанию...

1) Если ваш редактор не позволяет вставлять javascript, то временно отключить редактор в "Global configuration" => "Default Editor" => "Editor None". Это нужно сделать чтобы код при вставке не обрезался (потом вернёте себе свой редактор).

2) Создаём модуль для административной части Joomla. Для этого переходим в "Modules", меняем "Site" на "Administrator", нажимаем "New" и создаём модуль "Custom". Даём название, например Toggle Off, выбираем позицию для публикации Menu

3) Вставляем в этот модуль такой код:
JavaScript: 
<script>
document.addEventListener('DOMContentLoaded', function() {
    var menuCollapseButton = document.getElementById('menu-collapse');
    var sidebarWrapper = document.getElementById('sidebar-wrapper');
  
    if (menuCollapseButton && sidebarWrapper) {
        var menu = sidebarWrapper.querySelector('.sidebar-menu');
      
        menuCollapseButton.addEventListener('click', function(event) {
            event.preventDefault();
            if (menu.classList.contains('show')) {
                menu.classList.remove('show');
                menuCollapseButton.setAttribute('aria-expanded', 'false');
                document.getElementById('menu-collapse-icon').classList.replace('icon-toggle-on', 'icon-toggle-off');
            } else {
                menu.classList.add('show');
                menuCollapseButton.setAttribute('aria-expanded', 'true');
                document.getElementById('menu-collapse-icon').classList.replace('icon-toggle-off', 'icon-toggle-on');
            }
        });
    }
});
</script>

Теперь Toggle Menu в административной части Joomla должно открываться только если вы кликнете по нему.
Нажмите для раскрытия...
модуль "Custom" имеется ввиду HTML?
сделал, но не работает(

Но можно просто скрыть панель (свернуть) и она при повторном выходе/входе будет в таком же положении
 
Попробуйте тогда не делать фокус с модулем, а сделайте следующее:

В файле administrator/templates/atum/index.php найдите строку 149 которая содержит код
HTML: 
<span class="sidebar-item-title"><?php echo Text::_('JTOGGLE_SIDEBAR_MENU'); ?></span>
замените на
HTML: 
<span class="sidebar-item-title" data-menu-state="closed"><?php echo Text::_('JTOGGLE_SIDEBAR_MENU'); ?></span>
 
Romanychch написал(а):
Если я правильно понял, вы хотите сделать так, чтобы Toggle Menu было закрыто по умолчанию...

1) Если ваш редактор не позволяет вставлять javascript, то временно отключить редактор в "Global configuration" => "Default Editor" => "Editor None". Это нужно сделать чтобы код при вставке не обрезался (потом вернёте себе свой редактор).

2) Создаём модуль для административной части Joomla. Для этого переходим в "Modules", меняем "Site" на "Administrator", нажимаем "New" и создаём модуль "Custom". Даём название, например Toggle Off, выбираем позицию для публикации Menu

3) Вставляем в этот модуль такой код:
JavaScript: 
<script>
document.addEventListener('DOMContentLoaded', function() {
    var menuCollapseButton = document.getElementById('menu-collapse');
    var sidebarWrapper = document.getElementById('sidebar-wrapper');
  
    if (menuCollapseButton && sidebarWrapper) {
        var menu = sidebarWrapper.querySelector('.sidebar-menu');
      
        menuCollapseButton.addEventListener('click', function(event) {
            event.preventDefault();
            if (menu.classList.contains('show')) {
                menu.classList.remove('show');
                menuCollapseButton.setAttribute('aria-expanded', 'false');
                document.getElementById('menu-collapse-icon').classList.replace('icon-toggle-on', 'icon-toggle-off');
            } else {
                menu.classList.add('show');
                menuCollapseButton.setAttribute('aria-expanded', 'true');
                document.getElementById('menu-collapse-icon').classList.replace('icon-toggle-off', 'icon-toggle-on');
            }
        });
    }
});
</script>

Теперь Toggle Menu в административной части Joomla должно открываться только если вы кликнете по нему.
Нажмите для раскрытия...
Почему то модуль не работает. Меню так и остаётся открытым.

Romanychch написал(а):
Попробуйте тогда не делать фокус с модулем, а сделайте следующее:

В файле administrator/templates/atum/index.php найдите строку 149 которая содержит код
HTML: 
<span class="sidebar-item-title"><?php echo Text::_('JTOGGLE_SIDEBAR_MENU'); ?></span>
замените на
HTML: 
<span class="sidebar-item-title" data-menu-state="closed"><?php echo Text::_('JTOGGLE_SIDEBAR_MENU'); ?></span>
Нажмите для раскрытия...
Этот метод тоже почему-то не работает, меню так и остаётся открытым.
 
Romanychch написал(а):
Попробуйте тогда не делать фокус с модулем, а сделайте следующее:

В файле administrator/templates/atum/index.php найдите строку 149 которая содержит код
HTML: 
<span class="sidebar-item-title"><?php echo Text::_('JTOGGLE_SIDEBAR_MENU'); ?></span>
замените на
HTML: 
<span class="sidebar-item-title" data-menu-state="closed"><?php echo Text::_('JTOGGLE_SIDEBAR_MENU'); ?></span>
Нажмите для раскрытия...
Эх, так тоже не скрывается
 
/mysite.com/media/templates/administrator/atum/css/template.min.css
CSS: 
#sidebar-wrapper.sidebar-wrapper.sidebar-menu {display: none;}
Может быть так поможет.
 
Alekxander написал(а):
/mysite.com/media/templates/administrator/atum/css/template.min.css
CSS: 
#sidebar-wrapper.sidebar-wrapper.sidebar-menu {display: none;}
Может быть так поможет.
Нажмите для раскрытия...
Нет файла: /mysite.com/media/templates/administrator/atum/css/template.min.css.
Вообще там нет папки css.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху