EstiloPDVTouch.css



Importante!!!!

Todas as definições de estilo que estão presentes no PDV estão dentro desse arquivo.

Recomendações para edição






A imagem tem dimensões específicas para o padrão foi estudado e validado como ideal. Por RECOMENDAÇAO, não se pode mudar essas imagens. O que é feito nas customizações atuais em relação à mudança de ícones é mudar apenas a cor base dos ícones. Contudo, nos modelos de customização aberta, contanto que a imagem obedeça às recomendações, poderá ser modificado com mais liberdade.



Fontes



@font-face {
    font-family: 'Roboto-Regular';
    src: url("/p2k/bin/dominios/linx/telas/fontes/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'Roboto-Light';
    src: url("/p2k/bin/dominios/linx/telas/fontes/Roboto-Light.ttf");
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url("/p2k/bin/dominios/linx/telas/fontes/Roboto-Medium.ttf");
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url("/p2k/bin/dominios/linx/telas/fontes/Roboto-Bold.ttf");
}

.text {
    -fx-font-family: "Roboto-Regular";
}





As fontes roboto são as fontes padrão do PDV. Para elas foram feitos estudos que indicaram uma melhor experiência com os elementos levantados e, caso o cliente queira uma fonte diferente, ele deve arcar com o risco de que essa fonte possa não funcionar em uma tela específica. E quando o StoreX é instalado, a fonte é instalada no diretório indicado no estiloPDVTouch, pois não é garantido que uma máquina com determinado sistema operacional já possua a fonte desejada. Para garantir que seja utilizada a fonte que queremos, a fonte é instalada dessa forma.



JavaFX



/* Componente que representa um container horizontal de outros elementos JavaFX. */
#hbox_default {
	-fx-background-color:rgba(255,255,255,1.0);
}

/* Componente que representa um container vertical de outros elementos JavaFX. */
#vbox_default {
	-fx-background-color:rgba(255,255,255,1.0);
}


/* Componente que representa o background de hbox e vbox das telas modais. */
#background_modal {
	-fx-background-color:rgba(255,255,255,1.0);
}





É importante ter em mente os conceitos de H-box e V-box(horizontais e verticais) na questão do JavaFX. Caso um componente desses tipos não tenha seu próprio estilo definido, eles vão pegar os valores padrão. Por default, a cor do background “-fx-background-color:rgba” é o branco (255,255,255,1.0), onde o “a” é o valor Alpha da cor.



MapeamentoTeclado


Para todos os botões são necessários a atribuição dentro do MapeamentoTeclado.xml. Em caso de ser efetuado apenas a funcionalidade visual e não existir o mapeamento do teclado, a funcionalidade não funcionará.


  • Sem rótulos