Como abrir um link em Label numa modal com SC?

Formulários
#1

Eu tenho termos de condição em um campo na forma de link desta forma:

No evento onLoad:

sc_label("termo1") = "<a href='https://meusite.com.br/termos-doador.html' target='_blank'>Li e aceito os termos de condições de uso.</a>";

Mas o cliente por usar em celular não quer mais desta forma, quer que abra na mesma janela na forma de um modal. Gostaria de ter uma ideia de como fazer. Sei que o SC já usa o Bootstrap e no site do Bootstrap tem exemplo de modal. Como posso aplicar um modal no campo?

#2

O SC não usa bootstrap.

È possível sim implementar algumas coisas com Bootstrap, mas com muito cuidado.

Agora modal em mobile???

Eu continuaria chamando dessa forma mas em vez de chamar a url externa eu chamaria uma app de controle com um iframe chamando a url mas não é _blank e sim em _self

#3

Olá ramosinfo,

dá pra fazer e é muito simples… segue a dica:

se o seu scriptcase é v9.0.009

se for em um formulário…
em onScriptInit vc coloca isso:

?>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<?php

daí coloca o texto dos termos no lugar correspondente. e o titulo tbm.
em onLoad coloca isso já formatadinho como dito na linha acima.

?>
<style>
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-body {
	vertical-align: top !importante;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}
</style>

<!-- ModalTermos -->
<div class="modal fade" id="termos" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="ModaltermosLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" id="ModaltermosLabel">Título do modal</h4>
      </div>
      <div class="modal-body">
        texto aqui
      </div>
      <div class="modal-footer">
        <button type="button" class="scButton_default" id="aceito_termos" onclick="$('#termos').hide();">Aceito</button>
      </div>
    </div>
  </div>
</div>
<?php

e o teu codigo fica assim:

sc_label("termo1") = "<a href='#' onclick='$(\'#termos\').show();'>Li e aceito os termos de condições de uso.</a>";

pra mim funciona tanto em desktop como em mobile.

veja na imagem:

#4

Muito bom!! Obrigado por compartilhar Clarck!

#5

muito otimo !!! estava precisando desta solucao …

obrigado

#6

É normal quando eu copio o código ficar sem as tags, assim:

[code]?>

.modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .modal-body { vertical-align: top !importante; } .modal.fade .modal-dialog { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); }
×

Título do modal

texto aqui
Aceito
<?php

sc_label(“termo1”) = “<a href=’’ onclick=’$(’#termos’).show();’>Li e aceito os termos de condições de uso.”;[/code]

Bom, aqui no Forum as tags voltam, mas no SC9 elas desaparecem. Não abre a modal.

#7

não entendi…

la pregunta?