primeFaces p:calendar - como ter dois calendarios com tamanhos de fonte diferentes

Front-end
#1

na minha app o componente p:calendar aparece em duas páginas diferentes, em uma gostaria q ele tivesse fonte tamanho 10px, na outra, 20px.

Como fasso isso ? tentei alterar localmente e também criando uma nova classe, mas não teve efeito

sei que a classe css .ui-datepicker define o tamanho da fonte de todos os calendários, mas nesse caso, preciso de dois calendários com tamanho de fontes distintos

valeu

#2

pq vc então simplesmente não altera o css no atributo style?

#3

tentei esses dois tipos

<p:calendar mode="inline" style="font-size: 20px"/>

<p:calendar mode="inline" styleClass="big-calendar"/>

// .big-calendar{font-size: 20px;}

mas não teve nenhum efeito

#4

acabei de fazer aqui:
<p:calendar style=“font-size: 20px” ></p:calendar>
<p:calendar style=“font-size: 40px” ></p:calendar>
É isso?

#5

não, eu quero alterar o calendário no modo inline, ou seja, o tamanho da fonte dentro da caixa

#6

[quote=Rafael Nascimento]não, eu quero alterar o calendário no modo inline, ou seja, o tamanho da fonte dentro da caixa[/quote]Adicione isso aqui ao final de cada página:

.ui-datepicker { font-size: 10px; }

É isso?

#7

Sem esse estilo, o calendar fica como em anexo.

#8

obrigado, Hebert, é isso mesmo
só uma pequena correção, tem que adicionar esse estilo ao final de cada pagina

   
        <style type="text/css">
            .ui-datepicker.ui-widget{
                font-size: 20px;      
            }
        </style>
#9

[quote=Rafael Nascimento]obrigado, Hebert, é isso mesmo
só uma pequena correção, tem que adicionar esse estilo ao final de cada pagina

[code]

    <style type="text/css">
        .ui-datepicker.ui-widget{
            font-size: 20px;      
        }
    </style>

[/code][/quote]Uai, eu te mostrei só o estilo. Como colocar fica a gosto do cliente! =P

#10