Новости Joomla

Компонент View logs v.2.1.0 получил совместимость с Joomla 6

Журнал NorrNext. 20 лет Joomla™. Продолжение

Журнал NorrNext. 20 лет Joomla™

Журнал NorrNext. 20 лет Joomla™. Новые интервью 🎈🆕

Продолжаю публиковать новые интервью с волонтёрами и видными персонами из мира Joomla.
Это — огромная и кропотливая работа. Всё для вас, друзья.

Доступны к чтению новые интервью со следующими Joomla активистами (на английском языке):

✔️ Akarawuth Tamrareang (Таиланд) 🇹🇭
✔️ Alison Meeks (Канада) 🇨🇦
✔️ David Aswani (Кения)🇰🇪
✔️ Jeison Ferreira (Бразилия) 🇧🇷
✔️ Marc-Antoine Thevenet (Франция) 🇫🇷
✔️ Richard Gosler (Соединённое Королевство) 🇬🇧
✔️ Roland Dalmulder (Нидерланды) 🇳🇱
✔️ Sakis Terzis (Греция) 🇬🇷
✔️ Sandra Decoux (Франция) 🇫🇷
✔️ Sonny Le (Вьетнам) 🇻🇳
✔️ Svetoslav Slavkov (Болгария) 🇧🇬
✔️ Viviana Menzel (Германия) 🇩🇪

‼️ Новые интервью будут добавляться в этот первый выпуск до декабря. 20-го числа, поэтому периодически проверяйте обновления💡

👉 Читать далее

JL Sitemap v2.1.0 – обновление компонента для карт сайта

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 15 Ответов
  • 1096 Просмотров
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Как сделать модальное окно во всю ширину?
« : 01.04.2018, 16:36:12 »
Наверное многие знаю, что модальные окно в Joomla можно создавать нативно, просто указывая к ссылке:
Код
class="modal" rel="{handler:'iframe',size:{x:640,y:480}}"

Способ очень удобный, но я ни как не пойму, каким образом здесь можно было бы открыть модальное окно не в пикселях, а во все 100% ширины окна?
Записан
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #1 : 02.04.2018, 11:15:29 »
Ап.
Записан
*

rkron

  • Захожу иногда
  • 316
  • 7 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #2 : 02.04.2018, 11:57:00 »
Цитата: dm-krv от 02.04.2018, 11:15:29
Ап.
А ширину выставить 100% не пробовали? x:100%
Записан
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #3 : 03.04.2018, 08:28:12 »
Цитата: rkron от 02.04.2018, 11:57:00
А ширину выставить 100% не пробовали? x:100%

Пробовал, так не работает. Надо как-то по другому тут. Через стили тоже не получилось, модальное окно генерируется ява скриптом, в котором непонятно как разрешение в процентах задавать.
Записан
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Re: Как сделать модальное окно во всю ширину?
« Ответ #4 : 03.04.2018, 10:26:43 »
Цитата: dm-krv от 01.04.2018, 16:36:12
Наверное многие знаю, что модальные окно в Joomla можно создавать нативно, просто указывая к ссылке
используйте bootstrap разметку для модальных окон, а не этот бабушкин способ который тянется из Joomla 1.5 :)
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #5 : 04.04.2018, 18:16:04 »
Цитата: dmitry_stas от 03.04.2018, 10:26:43
используйте bootstrap разметку для модальных окон, а не этот бабушкин способ который тянется из Joomla 1.5 :)

Способ хоть и бабушкин, но он самый простой. Создаешь материал и просто вытягиваешь его линком со спец классом. Все остальное требует плясок с бубном, да и сайт серьезно перегружает, когда этих неактивных скрытых окон много на странице набирается.
Записан
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Re: Как сделать модальное окно во всю ширину?
« Ответ #6 : 04.04.2018, 19:30:06 »
так в бутстрапе ифрейм тоже делается, например https://stackoverflow.com/questions/25565716/load-iframe-in-bootstrap-modal . может конечно немного сложнее, но зато юзается только бутстрап, безо всяких дополнительных библиотек, и никаких перегрузок и скрытых окон. еще и плюс ко всему ссылок не будет лишних на материал "со спец классом"
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #7 : 04.04.2018, 19:38:47 »
Увы, для меня это немного, не преодолимая стена) Опыта маловато. Конечно, со временем все само в голове в единую схему соберется, но когда это еще будет.
Записан
*

palexa

  • Завсегдатай
  • 1108
  • 88 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #8 : 06.04.2018, 13:34:22 »
Цитата: dm-krv от 01.04.2018, 16:36:12
rel="{handler:'iframe',size:{x:640,y:480}}"
Я не знал, но попробовал
Код
<p><a class="modal" href="contact-form/" rel="{handler:'iframe',size:{x:640,y:480}}">Написать сообщение</a></p>

Просто открывается обычная вкладка
Записан
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #9 : 06.04.2018, 15:51:08 »
Цитата: palexa от 06.04.2018, 13:34:22
class="modal"

Сначала надо включить это функцию)

Вот инструкция:
http://www.webadvisor.ru/lightbox-v-joomla.html

А еще у тебя ссыль не правильная, надо:
href="/contact-form?tmpl=component"
« Последнее редактирование: 06.04.2018, 15:57:00 от dm-krv »
Записан
*

palexa

  • Завсегдатай
  • 1108
  • 88 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #10 : 06.04.2018, 16:08:33 »
Ага  ;D Спасибо
Записан
*

palexa

  • Завсегдатай
  • 1108
  • 88 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #11 : 06.04.2018, 16:25:05 »
Цитата: dm-krv от 06.04.2018, 15:51:08
Сначала надо включить это функцию)
Включил, получилось

Цитата: dm-krv от 06.04.2018, 15:51:08
А еще у тебя ссыль неправильная, надо:
href="/contact-form?tmpl=component"
Ссылка правильная, это папка отдельного скрипта, но всё равно спасибо
Записан
*

palexa

  • Завсегдатай
  • 1108
  • 88 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #12 : 06.04.2018, 22:44:23 »
Но вот пробую открывать статью в модальном окне, но открывается вся страница
Код
<a href="/tsena.html?tmpl=component" rel="{handler: 'iframe', size: {x: 800, y: 600}}" class="modal">Статья</a>
Записан
*

palexa

  • Завсегдатай
  • 1108
  • 88 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #13 : 06.04.2018, 23:57:18 »
Цитата: palexa от 06.04.2018, 22:44:23
Но вот пробую открывать статью в модальном окне, но открывается вся страница
Код
<a href="/tsena.html?tmpl=component" rel="{handler: 'iframe', size: {x: 800, y: 600}}" class="modal">Статья</a>
Добавил в исключение плагина JL No Doubles строку tmpl=component, (или отключить плагин) заработало  :D

Но вот контент без стилей шаблона отображается, как исправить ?
Записан
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Re: Как сделать модальное окно во всю ширину?
« Ответ #14 : 07.04.2018, 00:55:16 »
добавить подключение CSS в файл /templates/ваш шаблон/component.php
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

palexa

  • Завсегдатай
  • 1108
  • 88 / 0
Re: Как сделать модальное окно во всю ширину?
« Ответ #15 : 07.04.2018, 01:56:22 »
Цитата: dmitry_stas от 07.04.2018, 00:55:16
добавить подключение CSS в файл /templates/ваш шаблон/component.php
упс, точно, её там нет
Код
 <link rel="stylesheet" href="<?php echo $this->baseurl . '/templates/' . $this->template; ?>/css/template.css" type="text/css" />
Спасибо +1
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать что бы метки учитывали в категорию материала?

Автор SalityGEN

 Ответов: 1
Просмотров: 405 		Последний ответ 21.08.2021, 22:32:32
от SalityGEN
Как сделать такой хитрый hover для border'a?

Автор x1

 Ответов: 7
Просмотров: 659 		Последний ответ 16.10.2020, 14:48:32
от x1
Модальное окно на смартфоне при попытке закрыть сайт

Автор dm-krv

 Ответов: 2
Просмотров: 930 		Последний ответ 12.09.2018, 10:20:31
от dm-krv
Как сделать на js клик по элементу по его классу?

Автор dm-krv

 Ответов: 17
Просмотров: 1386 		Последний ответ 04.04.2018, 19:55:24
от dm-krv