...
Painel |
---|
borderColor | #e8f6f0 |
---|
bgColor | #e8f6f0 |
---|
|
HTML |
---|
<style type="text/css">
.lms * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lms-text-center {
text-align: center;
}
.lms-full-height {
height: 100%;
}
/* Component LMS Callout */
.lms-callout {
border: none;
padding: 0px;
display: -moz-box;
-moz-flex-flow: row wrap;
-moz-justify-content: center;
-moz-align-items: center;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
-ms-justify-content: center;
-ms-align-items: center;
display: -webkit-flex;
display: -webkit-box;
-webkit-flex-flow: row wrap;
-webkit-justify-content: center;
-webkit-align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.lms-callout .lms-callout-image {
width: 24px;
}
.lms-callout .lms-callout-body {
width: calc(100% - 24px);
padding-left: 20px;
}
.lms-callout .lms-callout-citacao {
border: 0px solid;
border-left-width: 3px;
border-left-color: #f36f21;
margin: 4px;
margin-left: 25px;
padding-left: 8px;
font-size: 13px;
}
.lms-callout .lms-callout-thumb {
width: 24px;
height: 24px;
}
.lms-callout .lms-callout-text {
color: #58595b;
line-height: 1.75;
margin: 0;
}
</style>
<div class="lms">
<div class="lms-callout">
<div class="lms-callout-image">
<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
</div>
<div class="lms-callout-body">
<p class="lms-callout-text"><b>DICA!</b><br>Se você criou a página a partir de um <a href = "http://tdn.totvs.com/x/_dGQHQ" style="color: #41d262">template</a>, você também consegue utilizar a opção <b>Configurar componente</b> <img src="http://tdn.totvs.com/download/attachments/476745461/flaticon-settings.png" width="20" height="20"> para acessar a configuração de cada um dos componentes, e com isso personalizar a página da forma que desejar.</p>
</div>
</div>
</div> |
|
Configurações na edição da página
...
Na edição de uma página, também é possível abrir suas configurações para definição de novas configurações.
01. Com a página aberta, acionar o ícone de engrenagem
Image Added localizado ao lado direito na tela do editor.
02. Será aberto um pop-up para as novas configurações. É possível alterar o nome da página e o mediador que foi definido para essa página,
Alterar o nome da pagina
Na sessão Informações, inserir o novo nome da página no campo Nome da página.
Alterar mediadores
É possível remover, alterar ou adicionar novos mediadores para a página. Expandir a sessão Mediadores e acionar Editar.
01. A tela para edição de mediadores será aberta, basta inserir o nome do colaborador no campo de pesquisa Buscar mediador e clicar sobre o nome do colaborador desejado.
02. Será necessário definir o tipo de permissão para o colaborador que será definido como mediador da página.
03. Para salvar as definições de mediador que foram editadas na página, clique no editor de páginas novamente. Logo após acionar Salvar, ao lado direito do editor.