Capítulo 4
Personalização da UI
Uma das grandes vantagens da nossa arquitetura One-Tap é que não depende de CSS forçado na sua aplicação. Toda a interface reside num iframe isolado, gerido diretamente pela Acapadev, mas que pode ser posicionado no seu ecrã conforme os seus requisitos de design.
Posição do Cartão
Por defeito, o popup One-Tap surge orgulhosamente no Canto Superior Direito (Top-Right), pois é onde o olhar do utilizador frequentemente procura botões de Login.
Pode personalizar a posição no seu Portal de Developer. Basta entrar nas definições da sua Aplicação, aceder à secção Segurança (Origins) e modificar o One-Tap Position para:
- Top Right (Por defeito)
- Top Center
- Top Left
- Bottom Right
- Bottom Center
- Bottom Left
Suporte Multi-Conta Responsivo
O cartão ajusta automaticamente a sua interface e dimensões caso o utilizador tenha múltiplas contas ligadas no ecosistema. O Iframe redimensiona-se inteligentemente comunicando com o parent (a sua app) usando ResizeObservers silenciosos.
Branding Centralizado
Em estados onde não existe sessão ativa, o popup apresenta automaticamente o Logótipo Universal da Acapadev (herdado das configurações globais do PWA e manifesto) juntamente com o prompt genérico, garantindo que o utilizador associa de forma intuitiva e segura o processo de autenticação ao nosso ecossistema oficial.