Linha RM

Atalhos

Páginas filhas
  • Meu Imóvel - Customização da Aparência do Aplicativo

Versões comparadas

Versão antiga 5

changes.mady.by.user Ricardo Alvarenga Louback

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Adriano Astoni Ferreira

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

O app Aplicativo Meu Imóvel pode ser configurado com várias opções de cores personalizadas, além de permitir a inserção do próprio logo da Empresa que deverá ser exibido no aplicativo.

1) Procedimentos para customização

...

Para que estas configurações sejam aplicadas, deverá ser utilizado um arquivo do tipo .json, que listará os valores que deverão ser substituídos.

Procedimentos para utilização.

Para que o tema personalizado seja aplicado corretamente, deverá existir no caminho abaixo um arquivo com o nome de pdcappTheme, na extensão .json. Exemplo:

Bloco de código
/web/app/Imb/PortalCliente/assets/css/pdcappTheme.json

Este arquivo carregará as informações de cores, bem como o caminho da imagem com o logo da empresa.

Exemplo de configuração do arquivo pdcappTheme.json

configuração é necessário acessar os parâmetros do módulo TOTVS Construção Gestão de Imóveis em: Parâmetros / Portal do Cliente / Aparência do Aplicativo. 

Segue uma breve descrição sobre estes parâmetros:

  • Logo para exibição no aplicativo do PDC: Permite que seja incluída uma imagem, para que seja exibida como logo na página inicial de login do aplicativo. São aceitos os formatos .gif. jpg, .bmp e png. 
  • Personalizar aparência do aplicativo: Neste menu, será possível editar as cores das seguintes áreas do app Meu Imóvel: 
    • Cor dos botões;
    • Cor dos textos - Barras de Navegação e Menu;
    • Cor dos Links;
    • Cor do botão dos filtros;

Expandir
titleCustomização da cor dos botões e imagem de logo selecionada.

APP meu Imóvel agora tem opção de selecionar Cor Primária e Secundária para o Aplicativo nos Temas ( Claro e ou Escuro )

Caso o cliente deseja utilizar o TEMA escuro , basta marcar a opção ( Ativar tema escuro ) e tem uma pré visualizalação no TCGI antes de salvar. Para ver a pré visualização , basta clicar em ( Ver exemplo )

Image Added

Image Added


Informações
titlePreview do APP meu Imóvel

Este documento tem como objetivo informar sobre uma alteração significativa no App Meu Imóvel do TCGI, que será implementada na versão 12.1.2410. A mudança envolve a funcionalidade de Preview, e é essencial que todos os usuários e equipes envolvidas estejam cientes das modificações para garantir uma transição suave e eficiente.

Image Added



Image Added

Após o cliente marcar a opção ( Modelo Tema Escuro ) Clicar em = Configurações 

Image Added

Marcar o Tema Escuro e logar no APP 

Image Added

Expandir
titleExemplo de imagem de logo incluída.

Image Added

Informações
titleImportante
  • Para uma melhor visualização e carregamento da imagem no aplicativo, recomendamos que seu arquivo de imagem seja otimizado para dispositivos móveis, num tamanho de no máximo 500kb;
  • Caso necessite reverter os valores das cores atualizadas, basta utilizar o botão "Carregar Valores Padrão".

2) Resultado da configuração acima no Aplicativo Meu Imóvel

...


Expandir
titleTela inicial customizada.

Image Added

Bloco de código
{ "AppBackgroundColor": "4CAF50", "BtnBackgroundColor": "#4CAF50", "BtnTextColor": "Black", "NavigationBarTextColor": "Black", "NavigationBarColor": "#c40f0f", "ImgLogoCompany": "https://www.construtorapassos.com.br/wp-content/uploads/2017/01/logo-passos.png" }