Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

В процессе работы с Joomla бывает необходимо работать с пользовательским интерфейсом более тонко, чем обычно. Все формы Joomla состоят из стандартных полей, содержанием, стилем отображения, состоянием (включено/выключено, доступно для редактирования или нет и т.д.) можно управлять с помощью плагинов. Да и для нестандартных проектов хорошей практикой является создание одного системного или нескольких плагинов групп "под проект", в которых храниться весь "нестандарт".

В этой статье описаны все триггеры, которые вызываются через Event Dispatcher из administrator/components/com_fields/src/Helper/FieldsHelper.php, с привязкой к жизненному циклу (порядку этапов работы запроса), аргументам, изменяемым данным и дальнейшему распространению по Joomla. Это поможет вам работать с Joomla свободнее и не опасаясь при этом потерять изменения при очередном обновлении движка.

Подходы, описанные в статье, полезны в тех случаях, когда вы работаете с данными в com_fields - механизме создания и редактирования пользовательских полей ядра Joomla и при использовании FieldsHelper. Многие сторонние компоненты не используют эту возможность, поэтому данная статья будет полезна лишь частично.

Читать статью на Хабре.

@joomlafeed

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

🗓 Голосование продлится до 27 февраля 2026 года.

👩‍💻 Проголосовать! 👩‍💻

Номинации, в которых можно проголосовать за Joomla:
⭐️ Best Free CMS
⭐️ Best Open Source CMS
⭐️ Best Enterprise CMS

Также в номинации Best e-Commerce Solution участвуют компоненты интернет-магазинов для Joomla:
⭐️ HikaShop
⭐️ Virtuemart

В номинации Best Website Builder оказались:
⭐️ YooTheme
⭐️ SP Page Builder

Что такое CMS Critic Awards?
С 2012 года премия CMS Critic Awards занимает особое место в сообществе систем управления контентом (CMS). Это единственный в своем роде сайт, который составляет рейтинг системы управления контентом и связанных с ними решений на рынке — от малого до крупного и подчеркивает их инновации и услуги.

Каждый год награда CMS Critic Awards присуждается одному победителю в различных отраслевых категориях, таких как: «Лучшая облачная CMS», «Лучший DXP», «Лучшая Headless CMS и других. Затем результаты оглашаются через СМИ вместе с выбором редакции CMS Critic.
В этом году премия вернулась к своим традициям и только TOP-5 движков по количеству номинаций попали в 2-й этап - голосование.

@joomlafeed

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

Одна из самых популярных и старейших фото-галерей для Joomla получила новую версию.

👉 v.4.3.0. Что нового?
Панель управления для зарегистрированных пользователей. В этой версии появилась возможность каждому зарегистрированному пользователю управлять своими категориями и изображениями во фронтенде сайта.

Документация по новой функции.
Сайт проекта

@joomlafeed

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

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
[Решено] Как разместить блоки один над другим? (+ как изменить область для ввода текста)
« : 19.02.2010, 10:22:18 »
Есть вот такая заявка http://www.rostovpatent.ru/index.php/onlinez/onlz на основе ckform, хочется её преобразовать таким образом, чтобы текстовые блоки располагались над блоками для ввода данных (каждый над своим), а все вместе блоки (и текстовые и для ввода данных) выравнивались по левому краю. В настройках программы такую возможность не нашёл. Рыл CSS, сам не справился. Подскажите пожалуйста как можно это сделать? (скорее всего это не сложно, но мне пока неведомо  ^-^).

Вот код файла, если поможет.

Цитировать
#ckformcontainer {
   width: 100%;
}

.ck_mandatory {
   padding: 0px;
}

.cktooltip {
   background-color:#FFFF99;
   margin-left:-10px;
   margin-right:-10px;
   padding: 5px;
}

#cktooltip {
   position: absolute;
   z-index: 3000;
   border: 1px solid #111;
   background-color: #eee;
   padding: 3px;
   opacity: 0.85;
   font-size:11px;
   color:#333333;
}

#cktooltip h3 {
   font-size:12px !important;
}

#cktooltip h3, #cktooltip div { margin: 0; }

.ckform_tooltip, .ckform_tooltipcss {
   margin-top: 12px;
   margin-left: 5px;
}

#ckform {
   margin-top: 10px;
}

#ckform div.error {
   clear: both;
   color: #FF0000 !important;
   font-style: italic;
   display: none;
   padding: 0px !important;
}

#ckform div.error .ckCSSFloatLeft{
   width: 20%;
}
   
#ckform input:focus { border: 1px dotted black; }
#ckform input.error {
   border: 1px dotted #FF0000 !important;
}
#ckform textarea.error { border: 1px dotted red; }

.ckform {
   margin-top: 10px;
}

.ckform div.error {
   clear: both;
   color: #FF0000 !important;
   font-style: italic;
   display: none;
   padding: 0px !important;
}

.ckform div.error .ckCSSFloatLeft{
   width: 20%;
}
   
.ckform input:focus { border: 1px dotted black; }
.ckform input.error {
   border: 1px dotted #FF0000 !important;
}
.ckform textarea.error { border: 1px dotted red; }

#ckpoweredby {
   text-align:center !important;
   margin-top: 10px;
   margin-bottom: 10px;
}

#ckpoweredby a {color:#666666;}

/* CSS layout */

.ckCSSlabel {
   display: block;
   float: left;
   margin-top: 10px;
   width: 40%;
   font-size:1em;
}

.ckCSSinputnormal {
   display: block;
   float: left;
   margin-top: 10px;
}

.ckCSSinputnowidth {
   display: block;
   float: left;
   margin-top: 10px;
}

.ckCSSnoTip {
   width: 55%;
}

.ckCSSTip {
   width: 52%;
}

.ckCSSclear {
   margin: 0px;
   padding: Opx;
   clear: both;
}

.ckCSSFloatLeft {
   float: left;
}

.ckCSSbot10 {margin-bottom: 10px;}
.ckCSSbot5 {margin-bottom: 5px;}
.ckCSStop10 {margin-top: 10px;}

.ckCSScenter {
   text-align:center !important;
   margin-top: 10px !important;
}

.ckCustomText {
   margin-top: 10px;
}

.ckNoBorder {
   visibility:hidden;
}

.ui-datepicker-trigger {
   margin-top: 13px;
}

.ui-widget {
   font-size: 10px !important;
}

.ckpagination {
   text-align:center !important;
   margin-bottom: 15px;
}

.ckdatatable {
   margin-top: 20px;
   margin-bottom: 10px;
   width: 100%;
   border-collapse:collapse;
}

.ckdatatableborder td {
   border : 1px solid #ccc;
}

.ckfrontlabel {
   height: 30px;
   padding-right: 20px;
   font-weight: bold;
   color:#666;
}
« Последнее редактирование: 24.02.2010, 21:09:06 от ankoch »
Записан
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Как разместить блоки один над другим?
« Ответ #1 : 19.02.2010, 22:54:59 »
За надписи отвечает класс .ckCSSlabel
Если у него убрать свойсво float:left; то получится что требовалось.
С остальным, думаю, что и сами разберетесь.
;)
Записан
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
Re: Как разместить блоки один над другим?
« Ответ #2 : 20.02.2010, 00:52:00 »
gdX Спасибо, всё получилось! (+1) А ещё один глупый вопрос - не смог найти как увеличить высоту текстовых блоков (по умолчанию в IE отображает высоту под размер двух строк текста, а в Опере всего лишь для одной строки текста, при наборе текста более одной или двух строк весьма неудобно). Не подскажете где поковырять нужно.
« Последнее редактирование: 20.02.2010, 01:07:14 от ankoch »
Записан
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Как разместить блоки один над другим?
« Ответ #3 : 20.02.2010, 01:39:08 »
Пропишите для textarea атрибут rows="5" (5 строк).
А если через CSS, то, скорее всего, придется его делать блочным, чтобы назначить высоту. Хотя не уверен.
А свойство пропишите так:
Код: css
textarea{height: 5em; display: block;}
Записан
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
Re: Как разместить блоки один над другим?
« Ответ #4 : 20.02.2010, 01:48:34 »
А у меня в коде получается про textarea вообще ничего не сказано, кроме error?, то есть мне эту запись принудительно добавить?
Записан
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Как разместить блоки один над другим?
« Ответ #5 : 20.02.2010, 13:56:39 »
В коде CSS textarea чисто не упоминается, но упоминается через класс.
Посмотрите по коду странцы, а лучше воспользуйтесь firebug'ом.
Записан
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
Re: Как разместить блоки один над другим?
« Ответ #6 : 20.02.2010, 16:54:27 »
gdX спасибо большое за ответы, я порыл Файрбугом, он указывает на вот это
Цитировать
.ckCSSnoTip  {
width:77%;
А что с этим дальше делать? Как изменить высоту?
Записан
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Как разместить блоки один над другим? (+ как изменить область для ввода текста)
« Ответ #7 : 21.02.2010, 17:51:48 »
Текстовое поле, которое задается через input нельзя задать выше 1 строки текста.
Для этого надо использовать textarea.
Записан
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
Re: Как разместить блоки один над другим? (+ как изменить область для ввода текста)
« Ответ #8 : 21.02.2010, 19:00:37 »
gdX а можешь какой-нибудь пример сбросить?
Записан
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Как разместить блоки один над другим? (+ как изменить область для ввода текста)
« Ответ #9 : 24.02.2010, 10:32:30 »
Ну вот на сайте есть такой код:
Код: html4strict
<textarea wrap="default" rows="" cols="" id="description" name="description" class="ckCSSinputnormal ckCSSnoTip "></textarea>
Если выставить аттрибут rows равный 7 (rows="7"), то высота текстового поля будет 7 строк.
Если нет возможности влезть в код, то тогда через CSS задать всем текстовым блокам textarea на этой странице стиль:
Код: css
#ckform textarea{height: 7em; display: block;}

Еще пара напутствий:
Уберите в .ckCSSinputnowidth строки float:left; и margin-top:10px;
А в .ckCSSinputnormal строки display:block; float:left; и margin-top:10px;
Будет выглядеть более эстетично.
Записан
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
Re: Как разместить блоки один над другим? (+ как изменить область для ввода текста)
« Ответ #10 : 24.02.2010, 21:07:58 »
gdX спасибо большое +1 (разобрался с твоей помощью)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Helix Ultimate - изменить font-weight

Автор kunsaid

 Ответов: 3
Просмотров: 2852 		Последний ответ 30.04.2024, 18:40:24
от kunsaid
Изменить заголовок в шапке сайта

Автор kunsaid

 Ответов: 0
Просмотров: 3659 		Последний ответ 03.12.2022, 18:34:32
от kunsaid
Как разместить картинку за текстом в статье?

Автор PNP

 Ответов: 11
Просмотров: 2431 		Последний ответ 10.08.2021, 20:59:27
от PNP
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

 Ответов: 11
Просмотров: 2873 		Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как при наведении изменить сразу два класса CSS?

Автор Kanfur

 Ответов: 3
Просмотров: 2265 		Последний ответ 03.11.2020, 16:53:43
от Nikolay89