...
Falando de templates de páginas... 
Image Modified
...
Os templates te ajudam a construir as páginas com mais agilidade, já trazendo um layout com componentes adequados à sua necessidade. Os templates são categorizados em Básicos e Avançados.
| 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 esses <i>templates</i> como ponto de partida, e utilize o <a href = "http://tdn.totvs.com/x/9Y5qH" style="color: #41d262">Editor de páginas</a> para personalizar as opções conforme sua necessidade!</p>
</div>
</div>
</div> |
|
Templates básicos
...
São templates mais simples com foco em alguns segmentos de negócio. Não possuem integração com outros aplicativos.
Logística
...
Foi construído para empresas do ramo de logística, contendo menu, seção, conteúdos de texto, parágrafos e rodapé.
| Multimedia |
|---|
| name | Logistica.mp4 |
|---|
| width | 100% |
|---|
| height | 5% |
|---|
|
Educacional
...
Foi construído com foco em redes de universidades e instituições de ensino, contendo menu, banner, conteúdos de texto, galeria de imagens e rodapé.
| Multimedia |
|---|
| name | Educacional.mp4 |
|---|
| width | 100% |
|---|
| height | 5% |
|---|
|
Saúde
...
Foi construído pensando em hospitais, clínicas e laboratórios. A página contém menu, banner, conteúdos de texto, galeria de imagens e rodapé.
| Multimedia |
|---|
| name | Saúde.mp4 |
|---|
| width | 100% |
|---|
| height | 5% |
|---|
|
Varejo
...
Foi construído com foco em redes de restaurantes. A página contém menu, galeria de imagens, conteúdos de texto e rodapé.
| Multimedia |
|---|
| name | Varejo.mp4 |
|---|
| width | 100% |
|---|
| height | 5% |
|---|
|
Construções e projetos
...
Foi construído para empresas no ramo de engenharia e arquitetura, contendo menu, banner, conteúdos de texto, seção, galeria de imagens e rodapé.
| Multimedia |
|---|
| name | Construção.mp4 |
|---|
| width | 100% |
|---|
| height | 5% |
|---|
|
Templates avançados
...
São templates mais complexos que possuem integração com outros aplicativos e, juntos, eles proporcionam mais valor agregado ao negócio.
Central de atendimento
...
Assista ao vídeo
Foi construído para prover às empresas de qualquer ramo uma solução completa de atendimento de solicitações que pode ser utilizada para suporte técnico para seus clientes, dúvidas, solicitações internas, de equipamentos ou qualquer outra necessidade que ela possa atender.
...
| Painel |
|---|
| borderColor | #fdf7e8 |
|---|
| bgColor | #fdf7e8 |
|---|
|
| 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/importante.png" width="24" height="24">
</div>
<div class="lms-callout-body">
<p class="lms-callout-text"><b>IMPORTANTE!</b><br>É necessário que o usuário que esteja criando a página com esse <i>template</i> também tenha acesso ao <a href = "https://tdn.totvs.com/x/i28hH" style="color: #e1af29">TOTVS Forms</a> e ao <a href = "https://tdn.totvs.com/x/02YhH" style="color: #e1af29">TOTVS Tasks</a>.</p>
</div>
</div>
</div> |
|
| Multimedia |
|---|
| name | Central de atendimento.mp4 |
|---|
| width | 100% |
|---|
| height | 5% |
|---|
|
Página
Ao utilizar esse template, uma página no estilo Central de atendimento será criada automaticamente com componentes prontos e configurados, você só precisará editar o conteúdo deles com as informações da sua empresa. Se desejar, também pode modificá-los e configurá-los para adequar ao seu negócio e deixá-lo do seu jeito.
Formulário
Junto com a criação da página, um formulário é criado no TOTVS Forms e automaticamente incorporado a ela – onde serão preenchidas as informações da solicitação de atendimento.
...
| 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>Informações sobre as ações disponíveis para o formulário podem ser obtidas no <a href = "https://tdn.totvs.com/x/e8j1H" style="color: #41d262">Guia de usuário</a> do TOTVS Forms.</p>
</div>
</div>
</div> |
|
Lista de tarefas
Da mesma forma, uma lista de tarefas será criada automaticamente no TOTVS Tasks para que os responsáveis por atender as solicitações prossigam com o atendimento.
...