...
Divulgamos aqui todas as novidades e correções que estão disponíveis no TOTVS Fluig Plataforma e nos Aplicativos Móveis das mais recentes para as mais antigas. Confira!
Conector de Widget |
---|
width | 800 |
---|
url | http://youtube.com/watch?v=1xW-jDzJ-DQ |
---|
height | 450 |
---|
|
...
Image Added
Painel |
---|
|
HTML |
---|
<style type="text/css">
.fluig * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fluig-text-center {
text-align: center;
}
.fluig-full-height {
height: 100%;
}
.fluig-container {
margin-right: auto;
margin-left: auto;
}
.fluig-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;
}
.fluig-col {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
/* Component fluig Callout */
.fluig-callout {
border: 1px solid #dadada;
border-radius: 4px;
padding: 20px;
margin-bottom: 20px;
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;
}
.fluig-callout.fluig-callout-white {
border: none;
}
.fluig-callout .fluig-callout-image {
width: 24px;
}
.fluig-callout .fluig-callout-body {
width: calc(100% - 24px);
padding-left: 20px;
}
.fluig-callout .fluig-callout-thumb {
width: 24px;
height: 24px;
}
.fluig-callout .fluig-callout-title {
font-size: 20px;
color: #c5004e#0897E9;
margin-top: 0;
}
.fluig-callout .fluig-callout-text {
color: #58595b#0897E9;
line-height: 1.75;
margin: 0;
}
.fluig-callout .fluig-callout-text a {
color: #f3590b;
}
</style><div class="fluig">
<div class="fluig-container">
<div class="fluig-row">
<div class="fluig-col">
<div class="fluig-callout fluig-callout-white" style="margin: 0; padding-bottom: 0;">
<div class="fluig-callout-image">
<img class="fluig-callout-thumb" src="https://tdn.totvs.com/download/attachments/95617506/atualiza%C3%A7%C3%A3o.png" width="24" height="24">
</div>
<div class="fluig-callout-body">
<h1 class="fluig-callout-title">
<p><strong>Atualização Mist (1.8)</strong></p>
</h1>
<p class="fluig-callout-text">Confira todas as atualizações relacionadas à 1.8.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
padding-bottom: 10px;
}
</style> | Clique aqui |
Painel |
---|
|
HTML |
---|
<style type="text/css">
.fluig * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fluig-text-center {
text-align: center;
}
.fluig-full-height {
height: 100%;
}
.fluig-container {
margin-right: auto;
margin-left: auto;
}
.fluig-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;
}
.fluig-col {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
/* Component fluig Callout */
.fluig-callout {
border: 1px solid #dadada;
border-radius: 4px;
padding: 20px;
margin-bottom: 20px;
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;
}
.fluig-callout.fluig-callout-white {
border: none;
}
.fluig-callout .fluig-callout-image {
width: 24px;
}
.fluig-callout .fluig-callout-body {
width: calc(100% - 24px);
padding-left: 20px;
}
.fluig-callout .fluig-callout-thumb {
width: 24px;
height: 24px;
}
.fluig-callout .fluig-callout-title {
font-size: 20px;
color: #c5004e#0897E9;
margin-top: 0;
}
.fluig-callout .fluig-callout-text {
color: #58595b;
line-height: 1.75;
margin: 0;
}
.fluig-callout .fluig-callout-text a {
color: #f3590b;
}
</style><div class="fluig">
<div class="fluig-container">
<div class="fluig-row">
<div class="fluig-col">
<div class="fluig-callout fluig-callout-white" style="margin: 0; padding-bottom: 0;">
<div class="fluig-callout-image">
<img class="fluig-callout-thumb" src="https://tdn.totvs.com/download/attachments/95617506/atualiza%C3%A7%C3%A3o.png" width="24" height="24">
</div>
<div class="fluig-callout-body">
<h1 class="fluig-callout-title">
<p><strong>Atualização Lake (1.7)</strong></p>
</h1>
<p class="fluig-callout-text">Confira todas as atualizações relacionadas à 1.7.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
padding-bottom: 10px;
}
</style> | Clique aqui |
...
Painel |
---|
|
HTML |
---|
<div class="fluig">
<div class="fluig-container">
<div class="fluig-row">
<div class="fluig-col">
<div class="fluig-callout fluig-callout-white" style="margin: 0; padding-bottom: 0;">
<div class="fluig-callout-image">
<img class="fluig-callout-thumb" src="https://tdn.totvs.com/download/attachments/95617506/atualiza%C3%A7%C3%A3o.png" width="24" height="24">
</div>
<div class="fluig-callout-body">
<h1 class="fluig-callout-title">
<p><strong>Atualização 1.1</strong></p>
</h1>
<p class="fluig-callout-text">Confira todas as atualizações relacionadas à 1.1.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
.panelContent .cloakToggle {
padding-bottom: 10px;
}
</style> | Clique aqui |
HTML |
---|
<style type="text/css">
.fluig * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fluig-text-center {
text-align: center;
}
.fluig-full-height {
height: 100%;
}
.fluig-container {
margin-right: auto;
margin-left: auto;
}
.fluig-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;
}
.fluig-col {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
/* Component fluig Callout */
.fluig-callout {
border: 1px solid #dadada;
border-radius: 4px;
padding: 20px;
margin-bottom: 20px;
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;
}
.fluig-callout .fluig-callout-image {
width: 24px;
}
.fluig-callout .fluig-callout-body {
width: calc(100% - 24px);
padding-left: 20px;
}
.fluig-callout .fluig-callout-thumb {
width: 24px;
height: 24px;
}
.fluig-callout .fluig-callout-title {
font-size: 20px;
margin-top: 0;
color: ##0897E9;
}
.fluig-callout .fluig-callout-title a {
color: #0897E9;
font-weight: bold;
}
.fluig-callout .fluig-callout-text {
color: #58595b;
line-height: 1.75;
margin: 0;
}
.fluig-callout .fluig-callout-text a {
color: #f3590b;
}
</style>
<br>
<div class="fluig">
<div class="fluig-container">
<div class="fluig-row">
<div class="fluig-col">
<div class="fluig-callout">
<div class="fluig-callout-image">
<img class="fluig-callout-thumb" src="https://tdn.totvs.com/download/attachments/95617506/atualiza%C3%A7%C3%A3o.png?api=v2" width="24" height="24">
</div>
<div class="fluig-callout-body">
<h1 class="fluig-callout-title">
<a href="https://tdn.totvs.com/x/FQ4KM">My Approval | O que há de novo?</a>
</h1>
<p class="fluig-callout-text">Confira todas as atualizações relacionadas ao aplicativo My Approval.</p>
</div>
</div>
</div>
</div>
</div>
</div> <div class="fluig">
<div class="fluig-container">
<div class="fluig-row">
<div class="fluig-col">
<div class="fluig-callout">
<div class="fluig-callout-image">
<img class="fluig-callout-thumb" src="https://tdn.totvs.com/download/attachments/95617506/atualiza%C3%A7%C3%A3o.png?api=v2" width="24" height="24">
</div>
<div class="fluig-callout-body">
<h1 class="fluig-callout-title">
<a href="https://tdn.totvs.com/x/Gg4KM">My Fluig| O que há de novo?</a>
</h1>
<p class="fluig-callout-text">Confira todas as atualizações relacionadas ao aplicativo My Fluig.</p>
</div>
</div>
</div>
</div>
</div>
</div> |