Mudanças entre as edições de "Apostila, Acesso pelo site da instituição"
De GWiki
Ir para navegaçãoIr para pesquisar| (3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
Abaixo as informações necessárias para fazer o acesso ao sistema através do site da instituição. | Abaixo as informações necessárias para fazer o acesso ao sistema através do site da instituição. | ||
| − | '''URL de Autenticação''': https:// | + | '''URL de Autenticação''': https://apps.gennera.com.br/public/#/login |
'''Parâmetros''': | '''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''': | '''Observações''': | ||
<BR />1. O exemplo acima é um modelo de utilização que deve ser editado pelo cliente conforme suas necessidades; | <BR />1. O exemplo acima é um modelo de utilização que deve ser editado pelo cliente conforme suas necessidades; | ||
| − | <BR />2. Todos os parâmetros | + | <BR />2. Todos os parâmetros. |
| − | + | ||
| − | |||
[[Categoria: Educação Corporativa]] | [[Categoria: Educação Corporativa]] | ||
[[Categoria: Material Didático]] | [[Categoria: Material Didático]] | ||
Edição atual tal como às 16h31min 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.