Histórico da Página
HTML |
---|
<div<style idtype="main-content" class="wiki-content group"> <div class="sectionColumnWrapper"> <div class="sectionMacro"> <div class="sectionMacroRow"> <div class="columnMacro" style="width: 50%; min-width: 50%; max-width: 50%;"> <a name="composition-deck-destaque"></a> <div id="destaque" class="deck" history="true" loopcards="true" effecttype="" effectduration="1.0" nextafter="6.0"> <ul class="tab-navigation"></ul> <!-- // .tab-navigation --> <div class="deck-cards panel" style=""> <div id="f13" class="deck-card " style="" cssclass="" accesskey="" label="Fluig 1.3" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> <a href="http://bit.ly/Fluig13" class="external-link" rel="nofollow"><img class="confluence-embedded-image image-center" width="400" src="attachments/66618185/146118617.png" data-image-src="attachments/66618185/146118617.png"></a> </p> </div> <div id="suporte" class="deck-card " style="" cssclass="" accesskey="" label="Suporte Fluig" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p> <img class="confluence-embedded-image confluence-thumbnail image-center" width="300" src="attachments/66618185/146113406.jpg" data-image-src="attachments/66618185/146113406.jpg"> </p> </div> </div> </div> <!-- // .deck --> </div> <div class="columnMacro" style="width: 50%; min-width: 50%; max-width: 50%;"> <a name="composition-deck-featured"></a> <div id="featured" class="deck" history="true" loopcards="false" effecttype="fade" effectduration="0.5" nextafter="0.0"> <ul class="tab-navigation"></ul> <!-- // .tab-navigation --> <div class="deck-cards panel" style=""> <div id="1" class="deck-card active-pane" style="" cssclass="" accesskey="" label="Confira" title="" nextafter="0" effecttype="default" effectduration="-1.0"> <p style="text-align: center;"> <strong><iframe class="youtube-player" type="text/html" style="width: 400px; height: 300px" src="//www.youtube.com/embed/7Srngvq3Z_I?wmode=opaque" frameborder="0"> </iframe> </strong> </p> </div> </div> </div> <!-- // .deck --> </div> </div> </div> </div> <div class="sectionColumnWrapper"> <div class="sectionMacro"> <div class="sectionMacroRow"> <div class="columnMacro" style="width: 25%; min-width: 25%; max-width: 25%;"> <h2 id="Home-Comeceagora!">Start now.</h2> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /><span> </span><a href="73894420.html">Fluig quick guide</a> </p> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /> <a href="73074257.html">Fluig installation guide</a> </p> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /> <a class="createlink" href="/pages/createpage.action?spaceKey=fluig&title=1.1+-+Informa%C3%A7%C3%B5es+T%C3%A9cnicas&linkCreation=true&fromPageId=66618185">Technical information</a> </p> </div> <div class="columnMacro" style="width: 42%; min-width: 42%; max-width: 42%;"> <h2 id="Home-Torne-seumdesenvolvedorFluig!">Become a Fluig developer.</h2> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /> <a href="73078179.html">Fluig Studio installation guide</a> </p> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /><span> </span><a href="Fluig-API_89621623.html">Fluig API</a> </p> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /> <a href="113803693.html">Building WCM components in Fluig Studio</a> </p> </div> <div class="columnMacro" style="width: 33%; min-width: 33%; max-width: 33%;"> <h2 id="Home-ConheçaoFluigIdentity*"> Meet Fluig Identity<span style="color: rgb(255, 0, 0);">*</span> </h2> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /> <a href="https://totvslab.atlassian.net/wiki/display/FIH/in+Progress+-+Getting+Started" class="external-link" rel="nofollow">Usage guide</a> </p> <p> <img class="emoticon emoticon-light-on" src="images/icons/emoticons/lightbulb_on.png" data-emoticon-name="light-on" alt="(idea)" /> <a href="https://totvslab.atlassian.net/wiki/display/FIH/Company+Admin+Help" class="external-link" rel="nofollow">Usage guide - Administrator</a> </p> <h6 style="text-align: right;" id="Home-*materialeminglês"> <span style="color: rgb(255, 0, 0);">*</span>material in English </h6> </div> </div> </div> </div> <div class="sectionColumnWrapper"> <div class="sectionMacro"> <div class="sectionMacroRow"> <div class="columnMacro" style="width: 100%; min-width: 100%; max-width: 100%;"> <p>  <a href="http://www.fluigstore.com/PaginaInstitucional/sobre" class="external-link" rel="nofollow"><img class="confluence-embedded-image image-center" width="900" src="attachments/66618185/96010464.png" data-image-src="attachments/66618185/96010464.png"></a> </p> </div> </div> </div> </div> </div> text/css"> .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-image.card-image-full { width: 100%; max-width: inherit; border-radius: 10px; display: block; } .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: #CB1959; 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"> <img class="card-image card-image-full" src="https://tdn.totvs.com/download/attachments/164003874/help-center.png" alt="" > </div> </section> |
Browse by product
HTML |
---|
<style type="text/css">
.products {
display: flex;
justify-content: center;
flex-wrap: wrap;
word-break: break-word;
}
.product {
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: 10px;
}
.product-image-container {
height: 160px;
position: relative;
}
.product-image {
height: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-title {
text-align: center;
margin: 0 0 10px 0 !important;
}
#product-title-link {
font-weight: bold;
font-size: 15pt;
color: #0897E9;
text-decoration: none;
}
#product-title-link:hover {
text-decoration: underline;
}
.product-desc {
margin: 0 !important;
text-align: center;
font-size: 15px;
letter-spacing: 0px;
color: #494440;
}
</style>
<section class="products">
<div id="product-plataforma" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/1ZibK">TOTVS Fluig Platform</a>
</h2>
<p class="product-desc">Join processes, people and systems under a user-friendly interface.</p>
</div>
<div id="product-nodecode" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a><b>*</b></h2>
<p class="product-desc">Solve many day-to-day needs without needing lines of code.</p>
</div>
<div id="product-identity" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/WiiqE" >TOTVS Identity</a></h2>
<p class="product-desc">Get single sign-on authentication to access company systems.</p>
</div>
</section> |
Learn what’s new!
HTML |
---|
<style type="text/css">
.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: #FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #0897E9;
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">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/banner_512x258.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Fluig Platform</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/x/UQa6L" id="card-title-link">Silver Mist Update - 1.8.1</a>
</h2>
<p class="card-desc">Stay on top of all the news on the latest major update of the TOTVS Fluig Platform to add value to your business.</p>
</div>
</div>
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/164003874/home-novo-collab.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/x/a1qVIQ" id="card-title-link">New TOTVS Collab: your ally in team and project management!</a><b>*</b></h2>
<p class="card-desc">Manage your face-to-face and remote teams, track project and task progress, make video calls, attach Google Drive documents, and more.</p>
</div>
</div>
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/social.jpg"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Identity</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=269063445#Identity|Produ%C3%A7%C3%A3o-Junho" id="card-title-link">New provisioning and authentication options
</a><b>*</b></h2>
<p class="card-desc">You can now allow login with social networks (Linkedin, Google, Facebook, etc.) for your company's users. Also check out the new Security screen, which is much more organized and easier to use.</p>
</div>
</div>
</section> |
Want to learn more?
HTML |
---|
<style type="text/css">
.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-image.card-image-full {
width: 100%;
max-width: inherit;
border-radius: 10px;
display: block;
}
.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: #CB1959;
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">
<a href="https://academy.fluig.com/" target="_blank">
<img
class="card-image card-image-full"
src="https://tdn.totvs.com/download/attachments/164003874/Academy_en.png"
alt=""
></a>
</div>
</section> |
HTML |
---|
<style type="text/css">
.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: #FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #0897E9;
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">Support</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" id="card-title-link" target="blank">Need help and can’t find it here?</a>
</h2>
<p class="card-desc">Contact us through the <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" target="blank">Customer Portal</a> or our phone channel at <b>+55 (11) 3003 5559</b>. TOTVS Fluig’s customer service team is ready to help you.</p>
</div>
</div>
</section> |
* Documentation in Portuguese language
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas