Mensagens Customizadas – Modificando mensagens de erro do Scriptcase 2/3

Hello peoples! Hola personas! Olá pessoal!

Hoje eu vim trazer um assunto imperdível. Sabe aquelas mensagens de erro geradas pela macro sc_error_message do scriptcase? Exato, essas mesmo! Eu criei um vídeo ensinando a modificar todo o layout dessa mensagem. Ficou curioso(a) ? Então dê uma olhada no vídeo abaixo e saiba como dar uma cara mais profissional para o seu sistema!

Evento onApplicationInit:

?>
<link rel="shortcut icon" href="http://cangurubh.com.br/img/uploads/1ICONE_trafego_de_sites.png" />
<?php

Evento onLoad:

?>
<style>
//classe principal de alerta
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}

//classe de erro danger
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}

//classe do botão "X" que fecha a mensagem
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
text-decoration: none;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}

//classe adicional hover que tem efeito ao passar o mouse em cima do "X"
.close:focus, .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
</style>
<?php

Javascript:

var string = '×';

$( "table.scFormErrorTable" ).addClass( "alert alert-danger" );
$( "table.scFormErrorTable.alert.alert-danger" ).removeClass( "scFormErrorTable" );
$( "td.scFormErrorTitle > table > tbody > tr > td > a.scButton_default" ).addClass( "close" );
$( "td.scFormErrorTitle > table > tbody > tr > td > a.scButton_default.close" ).removeClass( "scButton_default" );
$( "td.scFormErrorTitle > table > tbody > tr > td > a.close" ).html(string);
$( "table.alert.alert-danger > tbody > tr > td > img" ).css( "display", "none" );

8 thoughts on “Mensagens Customizadas – Modificando mensagens de erro do Scriptcase 2/3

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

© 2018 Camila Moreira | ScrollMe by AccessPress Themes