null

Primefaces: многострочный текст в заголовке accordionPanel

Компонент accordionPanel библиотеки PrimeFaces позволяет создавать раскрываемые списки. За сам элемент списка отвечает атрибут title, принимающий строку текста. Нет возможности передать туда HTML, а любые переводы строки игнорируются браузером при отображении. Что делать, если заказчик требует многострочный текст, читайте в статье.

Вот так выглядит отображение компонента по-умолчанию.

Решать проблему будем с помощью HTMl Entity и капельки CSS. 
 - код перевода строки, а свойство white-space: break-spaces позволит не игнорировать переводы строк.

<p:accordionPanel 
  multiple="true" 
  scrollIntoView="center" 
  activeIndex="-1"
>
  <p:tab 
    titleStyle="white-space: break-spaces;"
    title="Специальные условия для получения образования инвалидами и лицами с ограниченными возможностями здоровья:&#10;а) обеспечение доступа в здания образовательной организации, в том числе в общежитие, интернат, приспособленных для использования инвалидами и лицами с ограниченными возможностями здоровья;&#10;б) наличие специальных технических средств обучения коллективного и индивидуального пользования инвалидов и лиц с ограниченными возможностями здоровья"
>
    <p>
      Жилые помещения в общежитии, интернате отсутствуют.
    </p>
  </p:tab>
</p:accordionPanel>

Итоговый результат:

 

 

 

Вперед