Para gerenciar os textos, são apresentadas as seguintes opções:  Incluir texto
 Remover texto
Essa opção é apresentada ao passar o mouse sobre o quadro do texto.
 ou 
O ícone no quadro referente ao texto indica que há uma imagem associada, e o ícone indica que o texto não tem imagem associada. Para facilitar a identificação de cada quadro, é apresentada ainda uma miniatura da imagem, quando associada. Para alterar o conteúdo, basta clicar na área desse quadro, e com isso será aberto o menu para configuração do texto.
Configuração do texto
Para cada texto é necessário configurar: Imagem/Sem imagem
Indica se o conteúdo do texto será com ou sem imagem. A imagem deve ser um arquivo da galeria ou do próprio dispositivo. | 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>Utilize imagens para chamar a atenção, mas prefira imagens com proporção 4:3 ou 4:4 para evitar que fiquem desconfiguradas.</p>
</div>
</div>
</div> |
|
Imagem de fundo como ícone
Indica se deve ser habilitado o recurso para ajustar a imagem em formato de ícone, para evitar que ela tenha cortes ou distorções. Título
Título da galeria. Pode ter até 255 caracteres. | Painel |
|---|
| borderColor | #e8f6f0 |
|---|
| bgColor | #e8f6f0 |
|---|
| | HTML |
|---|
<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>Escolha títulos com palavras chaves, que atraiam a atenção de quem estiver fazendo uma leitura rápida.</p>
</div>
</div>
</div> |
|
Texto
Conteúdo de texto que deve ser apresentado abaixo do título. Espaçamento interno
Configura o espaçamento que deve ser apresentado no interior de cada conteúdo de texto, alterando a posição que o texto irá obedecer. O ícone  indica que pode ser definida uma medida específica para cada lado e o ícone  indica que será definida uma medida igual para todos os lados.  Adicionar item
Essa opção permite adicionar botões ao conteúdo de texto, e esses botões direcionam para outros endereços web.
Remover
Essa opção permite remover o botão em questão. | 
são apresentadas as seguintes configurações:
