WebSite X5Help Center

 
Игорь К.
Игорь К.
User

Размер всплывающего окна showbox адаптируется  en

Autor: Игорь К.
Visited 169, Followers 1, Udostępniony 0  

Здравсвуйте, аналогичный вопрос уже задавали 5 лет назад WebSite X5 Help Center  - как спрятать меню и изменить размер showbox но решения то до сих пор нет, либо я его не увидел. 

Размер всплывающего окна ShowBox задается непосредсвенно в элементе, но нельзя его прописать например auto или в процентах, да я пробовал уже с помощью кода, но как толкьо я дописываю проценты или auto то showbox просто не открывается.

Помогите решить задачу.

Если выставить например размер окна ShowBox 1920x1080 то на компьютере окно откроется во весь экран, красиво и удобно, но в мобильной версии сайта будет просто горизонтальная полоска с прокруткой - не удобно

Если же задать изначально размер 1080х1920 то в мобильной версии всё открывается красиов, а вот в десктопной узкая вертикальная полоса. 

Как прописать, задать параметры открытия showbox с адаптацией к окну браузера.

Posted on the
9 ODPOWIEDZI - 1 POMOCNY
Giancarlo B.
Giancarlo B.
User

Hi, unfortunately it's a problem that was highlighted a few years ago, both by myself and by many other users but to date it has never been resolved and never taken into serious consideration.

Czytaj więcej
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca IT
Игорь К.
... ... ... Если выставить например размер окна ShowBox 1920x1080 то на компьютере окно откроется во весь экран, красиво и удобно, но в мобильной версии сайта будет просто горизонтальная полоска с прокруткой - не удобно ... ... ...

(It > Ru) ... (Вы также можете воспользоваться русской частью форума) ... если вы опубликуете ссылку на свою страницу с showbox, я смогу сделать некоторые выводы...
...это во многом зависит от контента, который вы хотите отобразить в showbox, и существуют разные обстоятельства...
...в любом случае, вообще говоря, у меня есть некоторые изобретения или обходные пути, чтобы преодолеть это неудобство в низких разрешениях...
...так что, как я уже говорил, если вы опубликуете свою ссылку, я вернусь сюда; в противном случае проигнорируйте этот мой пост, как будто я ничего не говорил...

.

пока, ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Игорь К.
Игорь К.
User
Autor
‪ KolAsim ‪ ‪
(It > Ru) ... (Вы также можете воспользоваться русской частью форума) ... если вы опубликуете ссылку на свою страницу с showbox, я смогу сделать некоторые выводы...

http://manus78.beget.tech/our_products_old.html

По ссылке напрмер на этой странице первое изображение слева я сделал для мобильного отображения, а второе (посередине) для отображения на компьютере. Остальные можно не смотреть. Вот я бы хотел универсальности, чтобы это всплывающее окно showbox открывалось как надо на разных экранах. Если надо добавить пользовательский код, я буду рад помощи, я даже добавлял свой, но как только я вношу в код параметр auto вместо конкретных пикселей, то окно вообще не всплывает.

Czytaj więcej
Posted on the from Игорь К.
Игорь К.
Игорь К.
User
Autor

и еще

Czytaj więcej
Posted on the from Игорь К.
Giancarlo B.
Giancarlo B.
User

It's a shame that we have to fix some of the software's shortcomings with the usual codes. I don't think it's good for development, a real shame.

Czytaj więcej
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca IT
Игорь К.
‪ KolAsim ‪ ‪ (It > Ru) ... (Вы также можете воспользоваться русской частью форума) ... если вы опубликуете ссылку на свою страницу с showbox, я смогу сделать некоторые выводы... http://manus78.beget.tech/our_products_old.html По ссылке напрмер на этой странице первое изображение слева я сделал для мобильного отображения, а второе (посередине) для отображения на компьютере. Остальные можно не смотреть. ... ... ... 

(It > Ru)  ... Хорошо... для вашего типа контента (PDF) можно использовать квадратный демонстрационный блок с соотношением сторон 1:1 в качестве общего компромисса...
... в любом случае, моё изобретение, которое я сделал ещё во времена WSx5-v.12, подходит для вашего типа контента. Вот этот код (я только что протестировал его в симуляции на вашей странице, всё работает отлично); ... код запрограммирован (css media.query) на активацию при низких разрешениях (-720 пикселей), но, как видите, он очень прост, и вы можете настроить его по своему вкусу:
...

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca IT
Игорь К.
‪... ... ... http://manus78.beget.tech/our_products_old.html По ссылке напрмер на этой странице первое изображение слева я сделал для мобильного отображения, а второе (посередине) для отображения на компьютере.  ... ... ... 

(It > Ru)  ... Хорошо... для вашего типа контента (PDF) можно использовать квадратный демонстрационный блок с соотношением сторон 1:1 в качестве общего компромисса...
... в любом случае, моё изобретение, которое я сделал ещё во времена WSx5-v.12, подходит для вашего типа контента. Вот этот код (я только что протестировал его в симуляции на вашей странице, всё работает отлично); ... код запрограммирован (css media.query) на активацию при низких разрешениях (-720 пикселей), но, как видите, он очень прост, и вы можете настроить его по своему вкусу:
...

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca IT

...извините, я потерял код, вот он:

<style>
@media (max-width: 720px){/**showbox full by KolAsim**/
#imShowBox > div{ width:100% !important;height:100% !important}
#imShowBox > div iframe{width:100% !important;height:100% !important;z-index:1000000 !important}
#imShowBox { width:90% !important;height:90% !important;top: 50% !important; left: 50%!important;transform: translate(-50%, -50%) !important}}
</style>

.

пока, ciao

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca IT

...вы, вероятно, уже это знаете, вам нужно вставить мой код из Шага 3 в разделе «Эксперт свойств страницы», прямо сюда:

>> Этап 3 - Карта > Окно Свойства страницы > параметры раздела Экспер >
> Пользовательский кодПеред закрывающим тегом HEAD

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪