Mudanças entre as edições de "Apostila, Acesso pelo site da instituição"

De GWiki
Ir para navegaçãoIr para pesquisar
m
Linha 23: Linha 23:
 
    
 
    
 
  </html>
 
  </html>
 
  
 
Veja abaixo um modelo de regras de estilo (CSS):
 
Veja abaixo um modelo de regras de estilo (CSS):
 
  
 
  label {
 
  label {

Edição das 13h19min de 22 de novembro de 2016

Abaixo as informações necessárias para fazer o acesso ao sistema através do site da instituição.

URL de Autenticação: https://apps.gennera.com.br/public/#/login

Parâmetros:

institution: número da instituição que deve ser utilizado por padrão, omitindo o campo instituição, como por exemplo 789.

style: endereço do arquivo contendo as regras de estilo. O arquivo deve ser hospedado em seu próprio servidor, passando apenas a url como parâmetro, como por exemplo modelo.css.

Exemplo:

<html>
    <head>
       <title>Nome da Instituição</title>
    </head>
    
    <body>
       <iframe name="iframe" src="https://apps.gennera.com.br/embed/#/login?institution=789&
       style=https://www.siteinstituicao.com.b/css/modelo.css" width="25%" height="520" scrolling="no" align="top" frameborder="0">
       </iframe>
    </body>
 
</html>

Veja abaixo um modelo de regras de estilo (CSS):

label {
   color: #565656 !important;
}
a {	
   color: #3D97AD !important;
}
.btn-default {
   color: #FFF;
   border-color: #5cb85c;
   background-color: #4cae4c;
}
.btn-default:hover {
   color: #FFF;
   border-color: #5cb85c;
   background-color: #4cae4c;
}
.btn-default:active, .btn-default:focus {
   color: #FFF;
   border-color: #d9d9d9;
   background-color: #4cae4c;
}
.btn-default[disabled], .btn-default[disabled]:active {
   color: #FFF;
   border-color: #5cb85c;
   background-color: #4cae4c;
}
.btn-default[disabled]:hover {
   color: #FFF;
   border-color: #5cb85c;
   background-color: #4cae4c;
}
.padding-md {
   background: #EAEAEA;
   border: 1px solid #DDD;
   border-radius: 5px;
   padding: 15px;
}
.alert-danger {
   color: #a94442;
   background-color: #f2dede !important;
   border-color: #ebccd1;
}
.alert-success {
   color: #a94442;
   background-color: #f2dede !important;
   border-color: #ebccd1;
}

Observações:
1. O exemplo acima é um modelo de utilização que deve ser editado pelo cliente conforme suas necessidades;
2. Todos os parâmetros.