Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.


Image Added

...

Reunimos aqui as perguntas

Image Removed

Aqui você encontra as respostas para as suas perguntas! Listamos as perguntas que são feitas com mais frequência para tornar a sua busca por soluções mais ágil e compartilhar as respostas com quem precisar.

...

pagetruesidebarfaq-collab-gerais

 <div class="collab">
    <div class="collab-container">
      <div class="collab-row">
        <div class="collab-col">
          <div class="collab-callout">
            <div class="collab-callout-image">
              <img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/empresa-azul.png" width="24" height="24">
            </div>
            <div class="collab-callout-body">
              <h1 class="collab-callout-title">
                <a href="https://tdn.totvs.com/x/_2_6L">Como troco a empresa que acessei?</a>
              </h1>
              <p class="collab-callout-text">Saiba como trocar a empresa acessada ao autenticar-se.</p>
            </div>
          </div>
        </div>
      </div>
   </div>
</div>
HTML
<style type="text/css">
    .collab * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       box-sizing: border-box;
    }

    .collab-text-center {
      text-align: center;
    }

    .collab-full-height {
      height: 100%;
    }

    .collab-container {
      margin-right: auto;
      margin-left: auto;
    }

    .collab-row {
      width: 100%;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;

    }

    .collab-col {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    /* Component collab Callout */

    .collab-callout {
      border: 1px solid #dadada;
      border-radius: 
4px
10px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 0px 2px 4px #00000029;
 
      
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;
    }

    .collab-callout .collab-callout-
white
image {
      
border
width: 
none
24px;
    }

    .collab-callout .collab-callout-
image
body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

    .collab-callout .collab-callout-
body
thumb {
      width: 
calc(100% -
24px
)
;
      
padding-left
height: 
20px
24px;
    }

    .collab-callout .collab-callout-
thumb
title {
      
width
font-size: 
24px
20px;
      
height
margin-top: 
24px
0;
    }

    .collab-callout .collab-callout-title a {
      
font-size: 20px;
color: 
#FF7971
#045b8f;
      
margin
font-
top
weight: 
0
bold;
    }

    .collab-callout .collab-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }

    .collab-callout .collab-callout-text a {
      color: 
#43d8cc
#045b8f;
    }
  </style>
<br>
<div class="collab">
    <div class="collab-container">
      <div class="collab-row">
        <div class="collab-
container
col">
          <div class="collab-
row
callout">
            <div class="collab
-col
-callout-image">
              <img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/consumo-plano-azul.png" width="24" height="24">
            </div>
            <div class="collab-callout-body">
              <h1 class="collab-callout-
white" style="margin: 0; padding-bottom: 0;">
title">
                <a href="https://tdn.totvs.com/x/jotqIg">Como é feito o cálculo de consumo do plano?</a>
              </h1>
              <p class="collab-callout-text">Saiba como será calculada sua fatura de acordo com o consumo.</p>
            </div>
          </div>
        </div>
      </div>
   </div>
</div>
 <div class="collab">
    <div class="collab-container">
      <div class="collab-row">
        <div class="collab-col">
          <div class="collab-callout">
            <div class="collab-callout-image">
              <img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/
577405198
563436139/
d%C3%BAvidas
projetos-
gerais
azul.png" width="24" height="24">
            </div>
            <div class="collab-callout-body">
              <h1 class="collab-callout-title">
                
<p><strong>Gerais</strong></p>
<a href="https://tdn.totvs.com/x/OQS-Kw">Como funciona a integração TOTVS Collab x TOTVS Tasks?</a>
              </h1>
              <p class="collab-callout-text"
>Saiba
>Entenda 
quais
como 
são
ocorre 
as
a 
perguntas
réplica 
frequentes
de 
e
informações 
recentemente
entre 
atualizadas
as 
sobre o TOTVS Collab
duas soluções.</p>
            </div>
          </div>
        </div>
      </div>
   </div>
</div>
</div>
<style type="text/css"> .panelContent .cloakToggle { padding-bottom: 10px; } </style>

Toggle Cloak
id@collab-gerais
Veja aqui

Cloak
id@collab-gerais