1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

Panel rule visibility на основе размера экрана, как?

Главные вкладки

Аватар пользователя andreystrelkov andreystrelkov 8 сентября 2014 в 15:55

Кто пробовал, знает или догадывается, как можно сделать условие показа панели исходя из размера экран, а именно интересует
условие ПОКАЗЫВАТЬ ПАНЕЛЬ ТОГДА КОГДА РАЗРЕШЕНИЕ ЭКРАНА БОЛЬШЕ 1024
в противном случае не показывать, т.е. аналог browscap ctools модуля - только для разрешения экрана, а не мобильности браузера

Комментарии

Аватар пользователя andreystrelkov andreystrelkov 9 сентября 2014 в 0:18

"ХулиGUN" wrote:
@media не?

Не похоже, т.к. у этого свойства, или что это идут как я понял предустановленные понятие на чём отображается, причём именно понятие НА ЧЁМ, у меня же задача, не рисовать определённые панели если ширина (опечатку сделал в начале топика) БРАУЗЕРА =< 1024 пикселя
соотвественно аналогично можно будет потом добавить ещё условие =<1366 пикселей

"Sandy Big Boy" wrote:
Я так понимаю сами по себе Panels для такого не предназначены, надо использовать темы соответсвующие.

Просто browscap ctools как раз делает то что нужно, через интерфейс панели, т.е. всё по родному для движка, но он лишь определяет мобильный клиент или десктопный
а у меня клиент будет всегда только десктопный (локальный сайт), у некоторых только мониторы на 1024 (не у некоторых а порядка 30-40%, остальные почти у всех 1920х1080)

Аватар пользователя andreystrelkov andreystrelkov 9 сентября 2014 в 0:21

По идее панели могут в условиях выполнить php код, в случае если он вернёт TRUE то показывать панель, в противном случае скрыть
может с помощью PHP на ходу можно прочесть ширину браузера клиента

Аватар пользователя andreystrelkov andreystrelkov 9 сентября 2014 в 9:10

"ХулиGUN" wrote:
А вот это из области идиотизма.
Почитайте ещё о работе серверов

Хм... значит я следующее не правильно понял

<script>  
    width=document.body.clientWidth; // ширина  
    height=document.body.clientHeight; // высота  
    alert ("Разрешение окна клиента: "+width+"x"+height);  
</script>  

"ХулиGUN" wrote:
Почитайте внимательно

не заметил, вы это имели ввиду как я понял

@media screen and (min-width:720px) {/*стили для десктопов и больших планшетов*/}

@media (max-width:719px) {/*стили для смартфонов и маленьких планшетов*/}

Здорово так то, но вот беда хренова Cray 2
сайт локальный на предприятии, и из-за определённых технических моментов, везде по регламенту установлен IE8, а media только с IE9 начинается :'((((

Как я понимаю, с помощью этого правила я мог панелям которые не нужно отображать присвоить класс в котором указал бы display:none

Аватар пользователя andreystrelkov andreystrelkov 9 сентября 2014 в 10:25

"ХулиGUN" wrote:
Вас не смущает, что это никак не пхп?

прощу прощения, плохая привычка порой писать одно, думаю о всём сразу

"ХулиGUN" wrote:
в таком случае либо скрывайте js-м

как это примерно можно реализовать?

правильно думаю? http://cssmatter.com/blog/ie7-and-ie8-support-for-css3-media-query/