Componente utilizado para definir a ULR da política de privacidade utilizado nos formulários de agendamento de visita e simulação de crédito (desktop e mobile).
Parametrização
Nome | Descrição | Observação |
|---|---|---|
URL dos termos de uso do serviço | Possibilita definir a URL da política de privacidade do site, ao clicar, será aberta uma nova guia para exibição da página. A URL definida neste parâmetro será utilizada nos formulários de simulação de crédito e agendamento de visita para as versões desktop e mobile. | |
Record Id | Parâmetro é preenchido automaticamente. | Default {!recordId} |
Exemplo de implementação CSS
/* Exibir imóveis site */
:root .exibir-imovel-site .slds-listbox {
max-height: 120px;
border: none;
border-radius: 10px;
}
/*Exibir imovel site (mobile) */
:root .box-valores-mobile{
background: #ff5d7c !important;
}
:root .box-valores-mobile span {color: white !important}
:root .box-valores-mobile lightning-formatted-number { /Custos do imóvel/
color: #0d006c;
}
:root .box-valores-mobile .valor-total span{color:darkgray}
 |  |  |
|---|
Exemplo de implementação CSS
/Simulador mobile/
:root .exibir-imovel-site .modal-agendar-simular input {
border: none !important;
}
.exibir-imovel-site .modal-agendar-simular {
background: #007ad2 !important;
color: white;
}
:root .exibir-imovel-site .modal-agendar-simular .titulo {
font-size: x-large !important;
color: white !important;
}
:root .exibir-imovel-site .modal-agendar-simular .resposta {
font-size: large !important;
}
/Frente/
.exibir-imovel-site .modal-simulador-credpago .form-simular-credito{
background: inherit;
}
.exibir-imovel-site .modal-simulador-credpago .form-simular-credito .titulo, .exibir-imovel-site .modal-simulador-credpago .form-simular-credito .subtitulo {color: white !important;}
.exibir-imovel-site .modal-simulador-credpago .form-simular-credito .subtitulo{
font-size: medium !important;
}
/* Aprovado */
:root .exibir-imovel-site .modal-agendar-simular.aprovado{
background: #ff5d7c !important;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado{
background: #ff5d7c !important;
text-align: center;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .p-button-card-action {
padding: 4px 20px;
font-size: medium;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .titulo, .exibir-imovel-site .modal-simulador-credpago .modal-simulador-aprovado .resposta { color: #0d006c !important; }
/Reprovado/
:root .exibir-imovel-site .modal-agendar-simular.reprovado{
background: #0d006c !important;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado{
background: #0d006c !important;
text-align: center;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .p-button-card-action {
font-size: medium;
background: #ff5d7c !important;
border-color: #ff5d7c !important;
}
:root .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .titulo, .exibir-imovel-site .modal-simulador-credpago .modal-simulador-reprovado .resposta { color: #ff5d7c !important; }
Exemplo de implementação CSS
/Card de ações pagina de detalhes/
:root .flip-card-acoes-imovel .verso .slds-has-error .slds-form-element__help{/Cor mensagem de erro input/
color: white;
}
.flip-card-acoes-imovel .frente, .card__side.card__face--front {
background: #ff5d7c !important;
color: white;
}
.flip-card-acoes-imovel button[data-id="botaoFavoritar"]>svg>path{ /Coração de favoritar/
fill: #ff5d7c;
}
.flip-card-acoes-imovel button[data-id="botaoFavoritar"]:hover>svg>path{
fill: #0d006c;
}
.flip-card-acoes-imovel button[data-id="botaoDesfavoritar"]:hover>svg>path { /Coração de desfavoritar/
fill: #ff5d7c;
}
.flip-card-acoes-imovel .p-button-card-action {
background: #0d006c;
border-color: #0d006c !important;
text-transform: uppercase;
}
.flip-card-acoes-imovel .frente .agendar-simular .p-button-card-action {
padding: 5px;
}
.flip-card-acoes-imovel .frente .custos-imovel .preco-total-imovel {
color: darkgray;
}
.flip-card-acoes-imovel .frente .custos-imovel .preco-total-imovel .valor-total-formatado {
color: #0d006c !important;
}
.flip-card-acoes-imovel .frente .favoritar-compartilhar{
color:#0d006c;
background: inherit;
border-color: #0d006c;
}
.flip-card-acoes-imovel .card__side.card__face--back.verso, .flip-card-acoes-imovel .card__side.card__face--back.verso .form-visita{
background: #007ad2 !important;
}
:root .flip-card-acoes-imovel .verso .slds-button_icon{color: white;} /Botao de voltar no card de ações/
:root .flip-card-acoes-imovel .verso, .flip-card-acoes-imovel .verso .form-visita .slds-input.slds-combobox__input, input[name="datepicker"]{ /Input do datepicker/
background: #06ddf9 !important;
border-color:#06ddf9 !important;
}
Exemplo de implementação CSS
/Simulador reprovado/
.flip-card-credpago-imovel .frente .resultadoReprovado {
background-color: #0d006c;
color: white;
text-align: center;
}
.flip-card-credpago-imovel .frente .resultadoReprovado .p-button-card-action{
background: #ff5d7c !important;
}
.flip-card-credpago-imovel .frente .resultadoReprovado .titulo{
color: #ff5d7c;
}
.flip-card-credpago-imovel .frente .resultadoAprovado .titulo span, .flip-card-credpago-pesquisa .frente .resultadoAprovado .resposta span {
text-transform: uppercase;
font-weight: bold;
}
Exemplo de implementação CSS
/Cenário aprovado/
.flip-card-credpago-imovel .frente .resultadoAprovado .p-button-card-action{
background: #0d006c !important;
}
.flip-card-credpago-imovel .frente .resultadoAprovado .titulo{
color: #0d006c !important;
}