Mudanças entre as edições de "Apostila, Acesso pelo site da instituição"
De GWiki
Ir para navegaçãoIr para pesquisar(13 revisões intermediárias por 3 usuários 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''': | + | '''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''': | |
− | + | <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. |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
[[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.