Новости Joomla

Свои типы полей в Joomla.

Свои типы полей в Joomla.Это большая тема, о которой можно говорить очень много

Это большая тема, о которой можно говорить очень много. Самое главное, что возможности применения ограничиваются только вашей больной фантазией. Вы строите интерфейс своего модуля или плагина и вам нужно подтянуть данные из сторонней системы (список чего-нибудь по какому-нибудь API), чтобы сохранить выбранный id в Joomla. Или сделать какую-то проверку и в зависимости от неё показать то или иное сообщение пользователю. Для этого подойдут свои пользовательские типы полей. Интерфейс Joomla по большей части описан в XML-файлах. У каждого из них свои параметры. Некоторые не описаны в документации (manual.joomla.org), поэтому самым любопытным будет полезно заглянуть в собственно файлы фреймворка по пути

libraries/src/Form/FormField.php, а так же в
libraries/src/Form/Fields. У каждого класса поля перечислены его специфические свойства, которые можно описывать в XML. А в своём типе поля вы можете устанавливать эти значения программно. В моём модуле WT Quick links под капотом происходят изменения. Теперь для работы (в админке) ему нужен вспомогательный плагин. А в самом модуле нам бы проверить, а не выключен ли он? В Joomla есть тип поля Note - заметка. Его можно использовать для вывода примечаний.

<field type="note" name="your_note_for_user" label="Заголовок примечания" title="Альтернативный способ для заголовка" description="Текст примечания" class="col-12 alert alert-info" heading="h1" close="true" />

heading - указывать уровень заголовка.
close - позволяет закрыть это примечание. В классе поля
libraries/src/Form/Field/NoteField.php описана логика вывода. И в принципе оно нам подходит для нашей задачи. Но оно будет выводить сообщение всегда, а нам нужно только тогда, когда плагин отключён. Поэтому берём и создаём свой класс поля, который мы унаследуем от
NoteField. Это значит, что у нас в руках будет весь инструментарий стандартного поля
Note + то, что мы сами добавим. В XML-манифест добавляем наше поле

<field type="systempluginstatus" name="systempluginstatus" addfieldprefix="Joomla\Module\Wtquicklinks\Site\Fields"/>

-

type - имя файла и класса,-
addfieldprefix - указываем namespace к нашему классу, может быть любой нам нужный-
name - нельзя полю без имени...Это означает, что Joomla будет использовать класс поля из файла
modules/mod_wt_quick_links/src/Fields/SystempluginstatusField.php.А в классе поля будет написано следующее:

<?php // namespace для атрибута addfieldprefix namespace Joomla\Module\Wtquicklinks\Site\Fields; // нельзя напрямую обращаться к этому файлу defined('_JEXEC') or die; // подключаем родительский класс для переопределения use Joomla\CMS\Form\Field\NoteField; use Joomla\CMS\Language\Text; use Joomla\CMS\Plugin\PluginHelper; // имя класса и имя файла точь-в-точь class SystempluginstatusField extends NoteField { protected $type = 'Systempluginstatus'; protected function getLabel() { // если плагин не включён if(PluginHelper::isEnabled('system','wtquicklinks')) { // меняем свойства родительского класса $this->class = 'alert alert-danger w-100'; $this->element['label'] = '⚠️ А-а-а-а!'; $this->element['description'] = 'Плагин не включён!!'; // и просто рендерим его с нашими свойствами return parent::getLabel(); } // А иначе всё хорошо, скрываем поле из виду. $this->parentclass = 'd-none'; return ''; } }

Просто и удобно. И людям приятно, что о них позаботились и рассказали почему что-то не работает. @webtolkru#joomla #php #webdev #разработка

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

belomorinka

  • Новичок
  • 4
  • 0 / 0
Я не могу понять, как задать в CSS свой стиль для див блока. Мне нужно несколько разных стилей (фон, размеры. параметры отображения).
Не получается... >:(
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Цитировать
<div id="наш контейнер" style="название стиля">

В css
.название стиля

Только все на иглише
Вот что значить ночами не спать. Сам теперь не могу понять что написал. Я же не класс вывел. Сори.

В общем что бы долго не разглагольствовать есть два замечательных ресурса. Где сам курю буквари и всем советую.
http://ru.html.net/
http://ruseller.com/
http://htmlbook.ru/

Там получите ответы на все.
« Последнее редактирование: 15.02.2011, 18:33:50 от GDV »
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Стукни в аську, вышлю нормальное пособие.
Создание сайтов, шаблонов, помощь в решении проблем.
*

belomorinka

  • Новичок
  • 4
  • 0 / 0
А как в СSS вставить? Вот так:
Код
#Div.myDiv {
position:fixed;
width:224px;
height:262px;
z-index:1;
background-image: url(../sample/ip_predmeta.jpg);
}
?

В шаблоне СSS стили divов описываются вот так:
Код
/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
width:90%;
}
div.bubble1 span.authordiv.bubble2 span.authordiv.bubble3 span.authordiv.bubble4 span.author {
padding-left: 15px;
margin-left: 15px;
background: url(../images/author.gif) no-repeat center left;
font-weight: bold;
}
div.bubble1 div {
margin: 0;
width: 100%;
background: url(../images/bub1-br.gif) no-repeat bottom right;
}
div.bubble1 div div {
background: url(../images/bub1-bl.gif) no-repeat bottom left;
}
div.bubble1 div div div {
background: url(../images/bub1-tr.gif) no-repeat top right;
}
div.bubble1 div div div div {
background: url(../images/bub1-tl.gif) no-repeat top left;
}
div.bubble1 div div div div div {
margin: 0;
padding: 15px 15px 30px 15px;
width: auto;
}
div.bubble2 div {
margin: 0;
width: 100%;
background: url(../images/bub2-br.gif) no-repeat bottom right;
}
div.bubble2 div div {
background: url(../images/bub2-bl.gif) no-repeat bottom left;
}
div.bubble2 div div div {
background: url(../images/bub2-tr.gif) no-repeat top right;
}
div.bubble2 div div div div {
background: url(../images/bub2-tl.gif) no-repeat top left;
}
div.bubble2 div div div div div {
margin: 0;
padding: 15px 15px 35px 15px;
width: auto;
}
div.bubble3 div {
margin: 0;
width: 100%;
background: url(../images/bub3-br.gif) no-repeat bottom right;
}
div.bubble3 div div {
background: url(../images/bub3-bl.gif) no-repeat bottom left;
}
div.bubble3 div div div {
background: url(../images/bub3-tr.gif) no-repeat top right;
}
div.bubble3 div div div div {
background: url(../images/bub3-tl.gif) no-repeat top left;
}
div.bubble3 div div div div div {
margin: 0;
padding: 15px 15px 50px 15px;
width: auto;
}
div.bubble4 div {
margin: 0;
width: 100%;
background: url(../images/bub4-br.gif) no-repeat bottom right;
}
div.bubble4 div div {
background: url(../images/bub4-bl.gif) no-repeat bottom left;
}
div.bubble4 div div div {
background: url(../images/bub4-tr.gif) no-repeat top right;
}
div.bubble4 div div div div {
background: url(../images/bub4-tl.gif) no-repeat top left;
}
div.bubble4 div div div div div {
margin: 0;
padding: 15px 15px 55px 15px;
width: auto;
}

И как мне мой туда запихать? просто внизу добавить?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Цитировать
И как мне мой туда запихать? просто внизу добавить?
Да.
#myDiv {
   position:fixed;
   width:224px;
   height:262px;
   z-index:1;
   background-image: url(../sample/ip_predmeta.jpg);
}
если вы писали <div id="mydiv">
или
.myDiv {
   position:fixed;
   width:224px;
   height:262px;
   z-index:1;
   background-image: url(../sample/ip_predmeta.jpg);
}
если вы писали <div class="mydiv">
Создание сайтов, шаблонов, помощь в решении проблем.
*

belomorinka

  • Новичок
  • 4
  • 0 / 0
Добавил в конец списка, при добавлении отображается. Поменял способ позиционирования на relative. Но почему не сохраняются размеры? Они ведь прописаны в CSS - а у меня получается что не запихни в блок, все отображается целиком...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Нужен пример как присвоить свой стиль одному модулю

Автор nick71

Ответов: 21
Просмотров: 5735
Последний ответ 17.02.2018, 14:44:40
от cirip
Перенести стиль компонента в шаблон

Автор stparts

Ответов: 5
Просмотров: 1445
Последний ответ 07.02.2018, 14:01:10
от stparts
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

Ответов: 6
Просмотров: 2646
Последний ответ 26.06.2017, 15:07:35
от Shustry
Свой стиль для placeholder

Автор kik84

Ответов: 2
Просмотров: 1309
Последний ответ 22.11.2016, 16:04:10
от kik84
Стиль для всплывающего названия картинки- как?

Автор epson950

Ответов: 3
Просмотров: 1499
Последний ответ 03.11.2016, 01:04:05
от AlekVolsk