Aviso |
---|
|
A solução TOTVS Fluig No-Code será descontinuada em 30/10/2024 e não estará mais disponível para acesso a partir dessa data. Mais informações podem ser obtidas em Descontinuação TOTVS Fluig No-Code. |
Dica |
---|
|
Encontre os recursos existentes nos aplicativos TOTVS Fluig No-Code na nova solução que já está disponível: o TOTVS Collab. Assim, você pode continuar usufruindo de todos os benefícios da gestão de projetos e tarefas, além de promover a colaboração no seu time! |
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 templates<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é.
...
...
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é.
...
...
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é.
...
...
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é.
...
...
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é.
...
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.10%
Central de atendimento
...
Image Added 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údos 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.
Image RemovedImage Added
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> |
|
Image RemovedImage Added
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.
...
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 a lista de tarefas podem ser obtidas no <a href = "https://tdn.totvs.com/x/-P7jH" style="color: #41d262">Guia de usuário</a> do TOTVS Tasks.</p>
</div>
</div>
</div> |
|
Image Removed
Painel |
---|
borderColor | #fcf1ea |
---|
bgColor | #fcf1ea |
---|
|
HTML |
---|
<div class="lms">
<div class="lms-callout">
<div class="lms-callout-image">
<img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/496030201/v%C3%ADdeo.png" width="24" height="24">
</div>
<div class="lms-callout-body">
<p class="lms-callout-text"><b>Assista ao vídeo!</b><br><a href = "https://tdn.totvs.com/download/attachments/496030201/Criar%20help%20desk.mp4" target="_blank" style="color: #f36f21">Clique aqui</a> e veja como criar uma página com o <i>template</i> Central de atendimento!</p>
</div>
</div>
</div> |
|
Multimedia |
---|
name | Central de atendimento.mp4 |
---|
width | 80% |
---|
height | 10%Image Added