Como adicionar o botão de mostrar senha sc 9.5 para dentro do campo

Controle
#1

Boa noite!

Como adiciono o ícone de mostrar senha da nova versão do SC 9.5 para dentro do campo? Coloquei o código abaixo conforme recomendação do SC, mas ele está fora do campo na parte de baixo.

image

Fiz isso que foi a sugestão do scriptcase.

image
image886×96 4.86 KB

#2

Se a sugestão do fabricante a algo que deveria funcionar, não funciona, aí colega, senta e espera, um dia eles resolvem.

1 Curtida
#3

É fogo… é isso que vou fazer.

#4

Na verdade achei uma ‘encheção’ de linguiça.
Com um código simples se resolve isso:

https://dev.iwh.tec.br/scriptcase/control_verifica_senha/

Javascript/Form/Onload:
$('#id_read_off_senha').append('<i class="far fa-eye olho" style="color: #8492A5; font-size: 16px;"></i>');

$(".olho").mousedown(function(){
  $("input[name='senha']").attr("type","text");
});

$(".olho").mouseup(function(){
  $("input[name='senha']").attr("type","password");
});

$( ".olho" ).mousemove(function( event ) {
  $("input[name='senha']").attr("type","password");
});

$("input[name='senha']").keyup(function(){
	
	var pwd = $("input[name='senha']").val();
	var power = 0;
	var color = '';
	var somb = 5;
	
	if((pwd.length >= 4) && (pwd.length <= 8)){
		power += 10;
		somb = 30;
	}else if(pwd.length > 8){
		power += 25;
		somb = 30;
	}
	
	if((pwd.length >= 5) && (pwd.match(/[a-z]+/))){
		power += 10;
		somb = 60;
	}

	if((pwd.length >= 6) && (pwd.match(/[A-Z]+/))){
		power += 20;
		somb = 80;
	}

	if((pwd.length >= 8) && (pwd.match(/[@#$%&;*]/))){
		power += 25;
		somb = 100;
	}

	if( (pwd.length >= 12)  && (pwd.match(/[@#$%&;*]/)) && (pwd.match(/[A-Z]+/))) {
		power += 20;
	}
	
	
	if(power < 35 ){
		color = '#ED1130';
		$('.notification').html('Fraca ('+power+')');
	}else if((power >= 35) && (power < 45)){
		color = '#FBA705';
		$('.notification').html('Média ('+power+')');
	}else if((power >= 45) && (power < 75)){
		color = '#080DF5';
		$('.notification').html('Forte ('+power+')');
	}else if(power >= 75){
		color = '#028640';
		$('.notification').html('Excelente ('+power+')');
	}
	
	if(pwd.length > 0) {
		$('.notification').css('background','-webkit-linear-gradient(left, '+color+' '+power+'%, #000 '+somb +'%)');
	}else{
		$('.notification').css('background','');
		$('.notification').html('');
	}
	
});

scriptinit:
ECHO <<<HTML
<style>
#id_sc_field_senha {
  width: 150px;
  padding-right: 20px;
}

.olho {
    cursor: pointer;
    left: -22px;
    position: relative;
    width: 16px;
    vertical-align: middle;
}

.notification {
	padding:3px;
    color:#FFFFFF;
    font-style: italic;
    text-align: center;
	width: 175px;
 }
.scFormDataHelpOdd {
	display: initial !Important;
}
 
</style>
HTML;

TAGS: HAROLDO, SENHA, PASSWORD, FORÇA, POWER, EXIBE, SHOW, FORMULÁRIO, CONTROLE

2 Curtidas
#5

Cacildis… Vou estudar esse código antes hehe vlwww

#6

É um bug da versão 9.5.002, eu reportei logo na 9.5, agora é aguardar…

1 Curtida
#7

Olá,

Este caso não trata-se de um bug, a aplicação de controle HTML dá ao usuário toda a liberdade para a disposição e aparência dos elementos exibidos na página. Com essa liberdade, cabe ao usuário informar o seu estilo (CSS) para se adequar à tela.

Exemplo 9.5

A funcionalidade Mostrar senha aplicada de maneira nativa no controle HTML, foi implementada de modo que o usuário não necessite utilizar Javascript e HTML para a chamada do Font Awesome, funcionando de maneira genérica para qualquer tela. O usuário necessita apenas aplicar o seu estilo.

Exemplo:

span.sc-ui-pwd-toggle-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    right: 0.5rem;
    z-index: 2;
    float: right;
    bottom: 1.7rem;
}

Para aplicações de formulário e controle sem o uso do HTML, o Scriptcase aplica o estilo se adaptando ao tema utilizado de maneira nativa.

2 Curtidas
#8

@ralphrangel, reportaram isso (postado pelo @nmjohnlasantos) no ticket que vc abriu no suporte?

2 Curtidas
#9

Aqui funcionou corretamente da 9.5 - 9.5.002.

image

#10

Foi como @nmjohnlasantos escreveu, quando se usa app controle com html customizado, a preocupação em posicionar o icone é do desenvolvedor, o que faz muito sentido.

2 Curtidas
#11

Você usou o código acima, ou o padrão do SC?

#12

No Login (Controle) habilitei Mostrar caracteres da senha no campo correspondente a senha. Só isto. Foi a primeira alterção que fizemos como SC 9.5.

image

1 Curtida
#13

Eu tbm fiz isso, mas ficou fora e abaixo do campo. Estranho, como não domino css, HTML, só sei o básico, fico apanhando.

#14

Amigo, vc usou controle padrão, se o HTML for customizado não vai dar certo.

2 Curtidas
#16

É bug e tenho o email resposta falando que é, melhor, NÃO É BUG, só não funciona, melhora? qual sentido de colocar algo que não funciona e que o programador tem que escrever o código? nem precisava perder tempo com isso, certo? Só explica qual é o sentido de ter que colocar os campo entre <!--SC_FIELD_INI_campo--> e <!--SC_FIELD_END_campo-->

1 Curtida
#17

Foi o padrão, como não tenho domínio ainda, apelo para os meios mais práticos.