PrimeFlex не применяется на PrimeFaces

Question

Я попытался настроить PrimeFlex (3.0.1) для PrimeFaces (10.0.0). Я использовал файлы css из папки dist репозитория PrimeFlex. Также я следовал инструкциям, приведенным в PrimeFaces ShowCase, и использовал несколько вариантов flexbox для первого тест-драйва (как указано в демонстрации FlexBox.

В результате я получаю страницу, которая, похоже, не применяет ни один из классов PrimeFlex. Но почему?

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>PrimeFlex in Action</title>
        <h:outputStylesheet name="css/primeflex.css" />
    </h:head>
    <h:body>
        Hello from PrimeFlex

        <h2>Direction</h2>
        <div class="p-d-flex p-flex-column p-flex-md-row">
            <div class="p-mb-2 p-mr-2">Item 1</div>
            <div class="p-mb-2 p-mr-2">Item 2</div>
            <div class="p-mb-2 p-mr-2">Item 3</div>
        </div>

        <h2>Flex Container</h2>
        <div class="p-d-flex">Flex Container</div>
        <div class="p-d-inline-flex">Inline Flex Container</div>

        <h2>Responsive</h2>
        Row direction for larger screens and column for smaller.

        <div class="p-d-flex p-flex-column p-flex-md-row card">
            <div class="p-mb-2 p-mr-2">Item 1</div>
            <div class="p-mb-2 p-mr-2">Item 2</div>
            <div class="p-mb-2 p-mr-2">Item 3</div>
        </div>
    </h:body>
</html>

Похоже, что файл css получен (смотрите файлы, показанные в сетевом разделе инструментов разработчика Chrome), но почему-то он не найден/не обработан для моего веб-приложения.

Кроме того, я безрезультатно добавил активацию FLEX в web.xml:

    <context-param>
        <param-name>primefaces.FLEX</param-name>
        <param-value>true</param-value>
    </context-param>

Также пробовал использовать всю папку dist PrimeFlex, тоже ничего не меняет. То же самое с перемещением h:outputStylesheet в разные позиции и разделы.

PrimeFlex не применяется на PrimeFaces

Ответы (1)