Esconder/Mostrar campo "Lembrar-me" na tela de login com template HTML
Neste artigo, iremos aprender como habilitar o recurso de "Esconder/Mostrar" que está disponível dentro da opção "Segurança -> Configurações", para o campo "Lembrar Login" que encontra-se na tela de login que foi gerada com template HTML.
Atualmente esse recurso é habilitado de forma automática quando o módulo de segurança é gerado sem a utilização de um template HTML customizado para a tela de Login. No entanto, para que possamos habilitar na nossa tela de login que possui um template HTML, devemos adicionar duas funções JavaScript dentro do arquivo index de nosso template.
Vejamos abaixo os procedimentos realizados em cada tópico:
Habilitando o campo dentro do arquivo index do template HTML
Caso o campo não esteja habilitado no seu template, precisamos seguir o passo a passo abaixo:
1 - Dentro da aplicação de Login no seu ScriptCase, mais precisamente em "HTML do usuário", clicamos no botão Checar para que seja feita uma verificação dos campos que não constam dentro do arquivo do template HTML que fica nas bibliotecas externas. O resultado esperado deve ser o que consta nas imagens abaixo:
2 - Ao clicar em "SC_FIELD_INFO_remember_me", abrirá uma janela modal que nos mostrará um exemplo de onde o campo deve ser adicionado dentro do template HTML:
3 - Vamos até a opção "Ferramentas -> Bibliotecas Externas", logo em seguida "Editar" na biblioteca que estamos utilizando para o template HTML do login, e buscamos o arquivo ".html":
4 - Adicionamos o campo dentro da tag "form" no código HTML, e salvamos o arquivo:
Para esse caso, devemos adicionar além do campo, uma tag "span" para inserir o campo dentro dela, pois o campo "Lembrar-me" envolve tanto o texto em si, como também o checkbox que selecionamos. Por isso, precisaremos inserir o campo dentro dessa tag HTML.
5 - Voltamos a aplicação de Login, e clicamos novamente no botão Checar (conforme o primeiro passo), e obtemos o check "OK" para o campo {remember_me}:
Habilitando as funções "scHideUserField()" e "scShowUserField()" para habilitar o "Esconder/Mostrar"
Para que essa opção funcione nas configurações do Módulo de Segurança, precisaremos adicionar essas duas funções dentro do código HTML do nosso template.
O script de ambas está disponível abaixo para que possamos apenas copiar, colar e salvar:
- <script type="text/javascript>">
- // Função para habilitar e desabilitar o campo lembrar-me
- function scHideUserField(fieldName)
- {
- if(fieldName == 'remember_me')
- {
- $('#id_sc_field_remember_me_1').hide();
- $('#txtremember').hide();
- }
- }
- function scShowUserField(fieldName)
- {
- if(fieldName == 'remember_me')
- {
- $('#id_sc_field_remember_me_1').show();
- $('#txtremember').show();
- }
- }
- </script>
É importante salientar que este script deve ser adicionado dentro da tag "head" do arquivo HTML do template.
Outro ponto importante que devemos nos atentar, é relacionado ao "id" do campo que é passado como parâmetro dentro das condicionais nas funções, e além disso, o "id" do texto que representa o label "Lembrar-me", pois para esse caso teremos o checkbox e o texto separadamente, como é possível identificar dentro da condicional do campo "remember_me" no script acima.
Esses "ids" devem estar de acordo com o que é referenciado no código HTML do template, e para que possamos capturar essa informação, nós podemos inspecionar o elemento com a aplicação de Login em execução, e identificar quais os "ids" representam o campo "remember_me" para substituir o que encontra-se no script acima.
Como é possível verificar na imagem abaixo, à direita está o código HTML do template, mas em destaque está o "Lembrar-me".
A informação que nos interessa está dentro tag "div" que está acima do código em destaque, que é justamente o id "txtremember" e o id "id-remember_me-1". Basta substituir ambos os "ids" do script pelos "ids" que constam no seu template HTML:
No script de exemplo acima, esses ids já constam dentro da condicional, porque trata-se do template de exemplo da biblioteca samples do ScriptCase.
Feito isso, basta salvar e executar a aplicação novamente, e acessar a conta para entrar na opção "Segurança -> Configurações", e habilitar ou desabilitar o campo " para ser mostrado ou não na tela de Login.
Related Articles
Esconder/Mostrar campo "Recuperar Senha" na tela de login com template HTML
Neste artigo, iremos aprender como habilitar o recurso de "Esconder/Mostrar" que está disponível dentro da opção "Segurança -> Configurações", para o campo "Recuperar Senha" que encontra-se na tela de login que foi gerada com template HTML. ...Esconder/Mostrar campo "Novo Usuário" na tela de login com template HTML
Neste artigo, iremos aprender como habilitar o recurso de "Esconder/Mostrar" que está disponível dentro da opção "Segurança -> Configurações", para o campo "Novo Usuário" que encontra-se na tela de login que foi gerada com template HTML. Atualmente ...Criando a chave de Api do Google Maps
Neste artigo veja como habilitar e obter a chave para utilização do Google Maps nas aplicações do Scriptcase. Acessando a Plataforma do google Maps 1. Acesse o link https://mapsplatform.google.com/ para criar sua chave. Será necessário realizar login ...Campo com Imagem de Validação
Neste exemplo iremos mostrar como utilizar um campo com a opção de "Imagem de validação" ativada. 1- Vamos criar uma aplicação do tipo Controle: 2- Vamos adicionar os campos para nossa aplicação: 3- Vamos criar os campos para validar um email do ...Como configurar uma nova regra na opção Salvar Consulta
A opção Salvar Consulta permite que os layout sejam salvos de forma pública ou de acesso restrito. * Público - Todos quem tem acesso a aplicação, terão acesso aos Layout salvos * Usar Regra - Permite que os layouts sejam salvos com restrição de ...