uMov.me White-Label Usage Sample

Exemplo demonstra como utilizar o uMov.me white-label em aplicações externas.

Como utilizar o white-label do uMov.me

• Importar arquivo css do white-label

  {ambiente}.umov.me/CenterWeb/whiteLabel.css

• Utilizar as classes de estilo disponíveis para que aplique corretamente os as definições de white-label

A folha de estilos do white-label aplicará apenas cores aos elementos, fica a encargo da apliação externa definir estilo adicionais para que elementos tenham borda, tamanho e alinhamento adequados do padrão visual.

Exemplo de uso

Você pode visualizar o exemplo de uso em código aqui e online aqui.

Classes de estilo

• .wl

  Define as propriedades font-size e font-family de fonte do sistema.

  • Exemplo: Textos no Center em geral

• .wl-logo

  Define a propriedade background-image com o logo do ambiente

  • Exemplo: Logo no cabeçalho do Center

• .wl-header-color

  Define a propriedade background-color com a cor de fundo do cabeçalho

  • Exemplo: Cabeçalho do Center

• .wl-header-font

  Define a propriedade color com a cor de fonte ideal sobre o wl-header-color.

  • Exemplo: Ícones do cabeçalho do Center (Hamburguer)

• .wl-color

  Define a propriedade background-color com a cor primária do ambiente

  • Exemplo: Tabs do sistema (Tela de atividades)

• .wl-font

  Define a propriedade color com a cor primária do ambiente

  • Exemplo: Cor dos números dos separadores nos cadastros

• .wl-border

  Define a propriedade border-color com a cor do ambiente

  • Exemplo: Bordas dos campos no sistema