TOTVS Fluig

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 9

changes.mady.by.user Andressa Aparecida De Souza Heck

Gravado em

comparado com

Nova versão 10

changes.mady.by.user Denise De Deus

Gravado em

Chave

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


Image Added

...

O TOTVS Flows é uma solução de processos pré-definidos e configurados pelo time TOTVS Fluig – ou por nossos parceiros – que estão prontos para uso. Ele agiliza e otimiza a implantação de processos na sua empresa, pois basta instalar os fluxos e começar a usar!

Aqui você encontra a documentação completa dos fluxos que fazem parte do TOTVS Flows.


*incluir banner do Flows

Navegue por conteúdo

HTML
<style type="text/css">
    .productsfluig * {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
  -webkit-box-sizing: border-box;
      word-break: break-word;
    }

    .product {
        moz-box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 280px;
        padding: 15px;
        box-shadow: 0px 2px 4px #00000029;
        margin: auto auto 30px auto;
        border-radius: 10pxsizing: border-box;
    }

    .productfluig-imagetext-containercenter {
        height: 124px;
        position: relativetext-align: center;
    }

    .productfluig-full-imageheight {
        height: 100%;

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .productfluig-titlecontainer {
        textmargin-alignright: centerauto;
        margin: 0 0 10px 0 !important;
    }

    #product-title-link {
        font-weight: bold-left: auto;
        fontmax-size: 16pt;
        color: #013f65;
        text-decoration: none;
    }

    #product-title-link:hover {
        text-decoration: underlinewidth: 1046px;
    }

    .productfluig-descrow {
	        marginwidth: 0 !important100%;
        text-align: center;
        font-size: 15px;
        letter-spacing: 0px;
        color: #494440;
    }
</style>

<section class="products">
display: -moz-box;
     <div id="product-nodecode" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-release-notes.png" alt="">
        </div>
   -moz-flex-flow: row wrap;
     <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/3XiVIQ">O que há de novo?</a>
        </h2>-moz-justify-content: center;

        <p class="product-desc">Fique por dentro das novidades e correções de cada atualização do TOTVS Fluig Flows.</p>
    </div>
 
    <div id="product-identity" class="product">
   display: -ms-flexbox;
     <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-guia-usu%C3%A1rio.png" alt="">
        </div>
  ms-flex-flow: row wrap;
      <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/uVqVIQ" >Guia do usuário</a>-ms-justify-content: center;
        </h2>
        <p class="product-desc">Confira – passo a passo – como utilizar os recursos do TOTVS Fluig Flows no seu dia a dia.</p>
    </div>
<div id="product-identity" class="product">display: -webkit-flex;
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-perguntas-frequentes.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/DoFqIg" >Perguntas frequentes</a>
        </h2>
   display: -webkit-box;
     <p class="product-desc">Reunimos as perguntas mais frequentes para tornar sua busca por soluções mais ágil e fluída.</p>
    </div>      <div id="product-identity" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-aprenda-pr%C3%A1tica.png" alt="">
        </div>
   -webkit-flex-flow: row wrap;
     <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/RRvHKg" >Aprenda na prática</a>
        </h2>
        <p class="product-desc">Assista a vídeos rápidos e aprenda como utilizar o TOTVS Fluig Flows de forma intuitiva.</p>
    </div>
</section>

Comece agora mesmo!

HTML
<style type="text/css">
    .cards-container {
        width: 100%;
        height: auto;
        margin: auto;
 -webkit-justify-content: center;

       display: flex;
        flex-directionflow: row columnwrap;
        box-sizing: border-box;
        justify-itemscontent: center;
     }

    .card {
        width: 100%;}

        height: auto;.fluig-col {
        displaywidth: flex50%;
        marginpadding-right: auto auto 20px auto15px;
        boxpadding-shadowleft: 0px 2px 4px #0000002915px;
        bordermargin-radiusbottom: 10px30px;
    }

    .cardfluig-imagepanel {
        object-fitborder: cover;
1px        width: 43%;
        max-width: 420px;

  solid #dadada;
      border-top-left-radius: 10px4px;
        border-bottom-left-radiuspadding: 10px30px;
    }

    .fluig-panel .cardfluig-textpanel-containerthumb {
        text-align: left;
        padding: 30pxwidth: 48px;
    }

    .card-label {
        color: #8c8d8f;fluig-panel .fluig-panel-title {
        font-weightsize: bold20px;
        font-sizecolor: 13px#58595b;
    }

    #card.fluig-panel .fluig-panel-title-link a {
        text-decoration: none;
        color: #CB1959#58595b;
        font-weight: bold;
        font-size: 17px;
    }

    #card-title-link:hover {
        text-decoration: underline;
    }

    .card-desc.fluig-panel .fluig-panel-text {
        margincolor: 0 !important#58595b;
        fontline-size: 15px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #494440;
    }

    .card-text-margin-bottom {
        margin: 0 0 5px 0 !importantheight: 1.75;
      margin-bottom: 0;
    }
  </style>

<section<div class="cards-containerfluig">
    <div class="cardfluig-container">
        <img 
           <div class="card-image" 
            src="https://tdn.totvs.com/download/attachments/563436139/home-equipes.jpg" 
            alt=""
        >
        fluig-row">
<div class="cardfluig-text-containercol">
             <p<div class="cardfluig-labelpanel cardfluig-text-margin-bottom">Equipes</p>
			<h2 id="card-title" class="card-text-margin-bottom">
				<a href="https://tdn.totvs.com/x/Xin-IQ#Collab|Minhasequipes-Criarequipe" id="card-title-link">Crie equipes colaborativas</a>center fluig-full-height">
            </h2>
            <p<img class="card-desc">Administre seus processos com modelos pré-definidos, pensados para otimizar a sua rotina.</p>
        </div>
    </div>

    <div class="card">
        <img 
            class="card-image" 
            fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139745756064/homeabertura-videochamadachamado.jpgpng">
            alt=""
        >
        <div <h1 class="card-text-container">
            <h2 id="card-title" class="card-text-margin-bottomfluig-panel-title">
                 <p class="card-label card-text-margin-bottom">Reuniões</p>
				 <a href="https://tdn.totvs.com/x/GyTXIQ#Collab|Reuni%C3%B5es-Criarreuni%C3%A3oyFVzL" id="card-title-link">Faça videochamadas a qualquer momento<>Abertura de chamado</a>
            </h2>h1>
            <p class="cardfluig-panel-desctext">Reúna>Abra suaum equipechamado apara qualquero horadepartamento e de qualquerTI lugarinformando parao trocar ideias.</p>
        </div>
    </div>

    <div class="card">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/563436139/home-monitoramento.jpg"tipo de suporte que precisa e ele será direcionado para a equipe que fará a tratativa correta da sua necessidade.</p>
            alt=""</div>
        ></div>
        <div class="cardfluig-text-containercol">
          <div  <h2 idclass="cardfluig-title" class="cardpanel fluig-text-center fluig-marginfull-bottomheight">
            <img     <p class="cardfluig-label card-text-margin-bottom">Estatísticas</p>
				 <a hrefpanel-thumb" src="https://tdn.totvs.com/x/X0FuKw" id="card-title-link">Monitore o andamento das tarefas</a>
            </h2>
            <p class="card-desc">Acompanhe a situação das tarefas em cada projeto da equipe e tome as ações necessárias.</p>
        </div>
    </div>
</section>

Fale conosco!

HTML
<style type="text/cssdownload/attachments/745756064/solicita%C3%A7%C3%A3o-compra.png">
    .cards-container {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        justify-items: center;
    }

    .card {
        width: 100%;
        height: auto;
        display: flex;
        margin: auto auto 20px auto;
        box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;
        max-width: 420px;

        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .card-text-container {
        text-align: left;
        padding: 30px;
    }

    .card-label {
        color: orange;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;
        color: #013f65;
        font-weight: bold;
        font-size: 17px;
    }

    #card-title-link:hover {
        text-decoration: underline;
    }

    .card-desc {
        margin: 0 !important;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #494440;
    }

    .card-text-margin-bottom {
        margin: 0 0 5px 0 !important;
    }
</style>

<section class="cards-container">
    <div class="card">
        
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">Suporte</p>
            <h2 id="card-title" class="card-text-margin-bottom"<h1 class="fluig-panel-title">
                <a href="https://suportetdn.totvs.com/portal/p/10098/suporte-fluig-home" id="card-title-link" target="blank">Precisa de ajuda e não encontrou por aqui?<x/yFVzL">Solicitação de compra</a>
            </h2>h1>
            <p class="cardfluig-panel-desc">Entre em contato pelo <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" target="blank" style="color: #013f65"><b>Portal de clientes</b></a> ou por nosso canal telefônico <b>(11) 3003 5559</b>. A equipe de atendimento do TOTVS Fluig Flows estará pronta para lhe ajudar.</p>text">Faça uma solicitação de compra informando o item que você precisa e ela será direcionada para área responsável em busca das aprovações necessárias automaticamente.</p>
          </div>
        </div>
    </div>
</section>div>