Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / Java [игнор отключен] [закрыт для гостей] / Primefaces - как задать "нормальные" размеры компонентов / 7 сообщений из 7, страница 1 из 1
22.06.2013, 00:25:27
    #38306917
mvn3
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primefaces - как задать "нормальные" размеры компонентов
Всем привет,
захотелось попробовать Primefaces на практике, первое впечатление обрадовало.
по примерам ( http://www.primefaces.org/showcase) смотрю как работают те или иные UI компоненты,
все отрисовывется и работает норм, кроме одного - у меня почему-то размеры всех компонентов значительно больше чем в примерах, та же кнопка сибмит, загловки все размера Н1 ну и другие компоненты. Где это задается? ведь не писать в каждом из них размеры.
В ксс стандартная тема - aristo


Спасибо
...
Рейтинг: 0 / 0
22.06.2013, 10:51:08
    #38306997
Blazkowicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primefaces - как задать "нормальные" размеры компонентов
Зажать Ctrl покрутить колесом мыши?
...
Рейтинг: 0 / 0
22.06.2013, 20:29:39
    #38307150
mvn3
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primefaces - как задать "нормальные" размеры компонентов
не зум не увеличен, дефолтовый
...
Рейтинг: 0 / 0
22.06.2013, 20:32:04
    #38307151
mvn3
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primefaces - как задать "нормальные" размеры компонентов
...
Рейтинг: 0 / 0
22.06.2013, 20:33:29
    #38307152
mvn3
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primefaces - как задать "нормальные" размеры компонентов
Вот разметка страницы:

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<?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://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>Simple Primeface page</title>
</h:head>

<h:body>

    <h:form>
        <p:growl id="msg" />
        <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">

            <h:outputText value="I accept terms and conditions: " />
            <p:selectBooleanButton value="#{formBean.value1}" onLabel="Yes" offLabel="No" />

            <h:outputText value="Subscribe me to newsletter: " />
            <p:selectBooleanButton value="#{formBean.value2}" onLabel="Yes" offLabel="No" onIcon="ui-icon-check" offIcon="ui-icon-close">
                <p:ajax update="msg" listener="#{formBean.addMessage}"/>
            </p:selectBooleanButton>

        </h:panelGrid>

        <p:commandButton value="Submit" update="display" oncomplete="dlg.show()" />

        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">
            <h:panelGrid columns="1" id="display">
                <h:outputText value="Value 1: #{formBean.value1}" />

                <h:outputText value="Value 2: #{formBean.value2}" />
            </h:panelGrid>
        </p:dialog>

    </h:form>

</h:body>

</html>
...
Рейтинг: 0 / 0
22.06.2013, 20:40:16
    #38307158
Alexander A. Sak
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primefaces - как задать "нормальные" размеры компонентов
В PDF-ной доке по Primefaces видел рекомендации как это сделать.
Надо подключить свой CSS, в котором для каких-то классов указать размер шрифта.
...
Рейтинг: 0 / 0
22.06.2013, 20:45:00
    #38307161
Alexander A. Sak
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Primefaces - как задать "нормальные" размеры компонентов
Еще проще вариант. Зайти в ShowCase и посмотреть какой CSS они подключают.
Метод научного тыка привел к /showcase/css/default.css, в котором фигурируют такие строки:

Код: css
1.
2.
3.
.ui-widget {
    font-size: 12px !important;
}



Правда, для 3.5 (вроде), помнится, пришлось еще какие-то классы так же переопределять. Наверное, в том же default.css они есть.
...
Рейтинг: 0 / 0
Форумы / Java [игнор отключен] [закрыт для гостей] / Primefaces - как задать "нормальные" размеры компонентов / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]