Histórico da Página
| HTML |
|---|
<!-- 1. LINKS CSS -->
<!-- Link para o Materialize CSS -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css"
/>
<!-- Link para o Material Icons -->
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<!-- Link para o UIkit CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css"
/>
<!-- Link para o Bootstrap CSS -->
<link
rel="stylesheet"
type="text/css"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
/>
<!-- Link para o FontAwesome -->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<!-- 2. ESTILOS INTERNOS -->
<!-- 2. ESTILOS INTERNOS -->
<style>
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
#title-text {
display: none !important;
}
.wiki-content h2 {
font-size: 25px !important;
font-family: "Roboto", sans-serif !important;
color: #42526e !important;
}
.wiki-content a,
.wiki-content a:link,
.wiki-content a:visited,
.wiki-content a:focus,
.wiki-content a:hover,
.wiki-content a:active {
color: #FFFFFF !important;
text-decoration: none!important;
}
.element.style {
float: none!important;
}
* {
font-family: "Roboto", sans-serif;
}
*, body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.wiki-content p {
font-family: "Roboto", sans-serif!important;
} .deep-purple.darken-2 {
background-color: #000000 !important;
}
.deep-purple {
background-color: #000000 !important;
}
nav img {
margin-top: 10px;
height: 40px;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
.row {
margin: 0 -0.75rem;
}
.container {
position: relative;
margin: -325px auto 60px;
padding: 50px;
left: 0;
right: 0;
width: 90%;
max-width: 1300px;
background-color: #f4f5f7;
border-radius: 0 0 20px 20px;
}
.header {
height: 400px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/capa-com-fundo-e-sem-icone-TDNppy.png");
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
i.circle {
padding: 10px;
margin-right: 24px;
background-color: #7e57c2; /*rgba(0, 0, 0, 0.26);*/
}
.waves-effect {
width: 100%;
border-radius: 2px;
}
.posts .card-panel {
padding: 8px;
}
.post {
padding: 8px 16px;
}
.wiki-content {
margin: 0% !important;
}
.card-panel {
border-radius: 15px;
background-color: #ffffff !important;
border: 3px solid #42526e;
box-shadow: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.card-panel:hover {
background-color: #dfe1e5 !important;
transition: background-color .9s ease; /* Optional transition for smooth effect */
}
.post .valign-wrapper {
min-height: 72px;
}
.post .title,
.post .title {
font-size: 1.25rem;
line-height: 1.44rem;
margin: 0;
cursor: pointer;
border: 1px solid #000;
padding: 10px; /* Adiciona espaçamento interno de 10px */
max-width: 700px;
}
.custom-paragraph {
font-size: 14px;
color: #363636;
}
.post .title span {
font-size: 1rem;
color: rgba(0, 0, 0, 0.54);
}
.date {
line-height: 26px;
min-width: 110px;
}
.text {
font-size: 1.375rem;
font-weight: 300;
}
.card-panel img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 993px) {
.single-content h3 {
width: calc(100% - 150px);
}
}
@media only screen and (max-width: 992px) {
.container {
width: 100%;
}
}
.green-background {
background-color: #f4f5f7;
padding: 20px;
margin: 15px;/* Para adicionar algum espaçamento ao redor da timeline */
}
.main-content {
padding-top: 100px;
padding-bottom: 100px;
}
.m-r-5 {
margin-right: 5px;
}
.box {
margin-bottom: 25px;
border-radius: 5px;
background: #fff;
box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
}
.box__header {
padding: 20px;
border-bottom: 1px solid #ddd;
}
.box__header h1,
.box__header h2,
.box__header h3,
.box__header h4,
.box__header h5,
.box__header h6 {
margin-bottom: 0;
}
.box__body {
padding: 20px;
}
.timeline__row {
display: flex;
position: relative;
}
.timeline__row_icon {
width: 30px;
margin-right: 20px;
z-index: 1;
}
.timeline__row_content {
width: calc(100% - 30px);
margin-bottom: 20px;
}
.timeline__row_content .badge {
margin-bottom: 10px;
}
.timeline__row_content_desc {
padding: 15px;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.timeline__row:nth-last-child(1) .timeline__row_content {
border: none;
padding-bottom: 0;
margin-bottom: 10px;
}
.timeline__row:nth-last-child(1):before {
height: 0;
}
.timeline__row:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 15px;
background: #d5d5d5;
}
.timeline .timeline-icon {
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
border-radius: 30px;
color: #03a9f4;
background: #fff;
border: 2px solid #03a9f4;
}
.timeline .timeline-icon.success {
color: #4caf50;
border-color: #4caf50;
}
.timeline .timeline-icon.warning {
color: #ff9800;
border-color: #ff9800;
}
.timeline .timeline-icon.danger {
color: #f44336;
border-color: #f44336;
}
@import url("https://totvscrm.com/wp-content/uploads/2023/08/xxe.png");
body {
background: #ffffff;
font-family: "Roboto", sans-serif;
}
.main-content {
padding-top: 100px;
padding-bottom: 100px;
}
.m-r-5 {
margin-right: 5px;
}
.box {
margin-bottom: 25px;
border-radius: 5px;
background: #fff;
box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
}
.box__header {
padding: 20px;
border-bottom: 1px solid #ddd;
}
.box__header h1,
.box__header h2,
.box__header h3,
.box__header h4,
.box__header h5,
.box__header h6 {
margin-bottom: 0;
}
.box__body {
padding: 20px;
}
.timeline__row {
display: flex;
position: relative;
}
.timeline__row_icon {
width: 30px;
margin-right: 20px;
z-index: 1;
}
.timeline__row_content {
width: calc(100% - 30px);
margin-bottom: 20px;
}
.timeline__row_content .badge {
margin-bottom: 10px;
}
.timeline__row_content_desc {
padding: 15px;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.timeline__row:nth-last-child(1) .timeline__row_content {
border: none;
padding-bottom: 0;
margin-bottom: 10px;
}
.timeline__row:nth-last-child(1):before {
height: 0;
}
.timeline__row:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 15px;
background: #d5d5d5;
}
.timeline .timeline-icon {
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
border-radius: 30px;
color: #03a9f4;
background: #fff;
border: 2px solid #03a9f4;
}
.timeline .timeline-icon.success {
color: #4caf50;
border-color: #4caf50;
}
.timeline .timeline-icon.warning {
color: #ff9800;
border-color: #ff9800;
}
.timeline .timeline-icon.danger {
color: #f44336;
border-color: #f44336;
}
.timeline__line {
gap: 11px;
position: absolute;
width: 3px;
background-color: #42526e;
left: 50%;
top: 335px;
bottom: 7%;
transform: translateX(-50%);
}
.timeline__line_bullet {
position: absolute;
top: -6px; /* Ajuste para posicionar acima da linha */
left: calc(50% - 8px); /* Ajuste para centrar a bolinha */
width: 16px;
height: 16px;
background-color: #6B48FF; /* Cor da bolinha */
border-radius: 50%;
z-index: 2; /* Para que a bolinha fique sobre a linha da timeline */
}
.timeline {
position: relative;
margin: 15px;
/* Adicione posicionamento relativo ao container da timeline */
}
.timeline-entry {
position: relative; /* Adicione posicionamento relativo às entradas da timeline */
margin-left: 30px; /* Ajuste a margem esquerda para dar espaço para a linha */
}
.saiba-mais-btn {
background-color: #6B48FF;
color: #fff;
border: none;
border-radius: 5px;
padding: 5px 10px;
cursor: pointer;
text-decoration: none;
outline: none;
display: inline-block;
font-size: 12px;
}
.saiba-mais-btn:hover {
background-color: #5034ce;
color: #fff;
text-decoration: none;
}
.card-footer {
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 5px;
}
.card-footer i {
font-size: 18px;
margin-right: 5px;
}
.card-title{
font-size: 16px;
color: #42526e;
}
.card-text{
font-size: 15px;
color: #42526e;
}
/* Center the logo */
.logo-container {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
bottom: 20px;/* Adjust the height of the logo container */
}
/* Style the logo */
.centered-logo {
max-width: 200px; /* Ensure the logo scales properly */
height: auto;
}
.footer-image {
max-height: 50px;
width: 100%; /* Extend the image across the full width */
position: relative; /* Keep the image fixed at the bottom */
bottom: 0;
left: 0;
}
.logo-text {
margin-top: 5px; /* Add space between logo and text */
font-size: 16px; /* Adjust font size as needed */
color: #42526e; /* Set the text color */
padding: 38px;
justify-content: center;
}
.timeline-date {
text-align: center;
font-size: 12px;
margin-bottom: 10px;
}
.timeline-date i {
font-size: 24px;
}
.gray-text {
color: #42526e;
}
.icon-center {
justify-content: center;
align-items: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 2;
gap: 10px;
color: #42526e;
margin-bottom: 20px;
}
.badges-container {
text-align: center;
}
.badges {
background-color: #6B48FF; /* Yellow color */
color: #fff;
font-size: 16px;
padding: 5px 8px;
border-radius: 10px;
}
.badge-personalizada {
background-color: #FEAC0E;
color: white!important;
border-radius: 10px;
font-size: 12px;
padding: 2px 10px;
}
</style>
<!-- 5. ESTRUTURA HTML -->
<div class="header deep-purple">
<!-- Logo container -->
</div>
<div class="container single-content" style="display: none">
<div class="date white-text right hide-on-med-and-down"></div>
</div>
<div class="container">
<div class="logo-container">
<img src="https://totvscrm.com/wp-content/uploads/2023/08/logotcrm.png" alt="Your Logo" class="centered-logo">
<br>
</div>
<div class="badges-container">
<span class="badges">RELEASE NOTES</span>
</div>
<div> <p class="logo-text">
Neste registro de alterações, você encontrará um resumo das atualizações e aprimoramentos incorporados à versão <b>12.1.2309</b>. Para obter a documentação completa, clique em "Saiba mais".</p>
</div>
<div class="timeline__line">
<div class="timeline__line_bullet"></div> <!-- Bolinha verde --> <br> <br>
</div>
<div class="green-background">
<div class="timeline"><br>
<!-- Entry 1 -->
<div class="timeline-entry">
<div class="timeline-content">
<div class="card-panel">
<div class="card-title">
<span class="badge blue white-text" style="font-size: 12px; border-radius: 10px;">Melhoria</span>
<strong>
FILTRAGEM E VISUALIZAÇÃO INTELIGENTE DE AGENDA</strong>
</div>
<hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
<div class="card-text">
<i class="material-icons">description</i>Agora, a sua agenda está mais dinâmica e organizada. Com um simples clique no
painel da agenda, você poderá acompanhar o status das atividades, tornando sua
rotina diária mais fluida. Além disso, introduzimos um recurso de
filtragem, que permite uma visualização mais prática das atividades
por status (situação), facilitando o monitoramento de múltiplas
atividades em diferentes fases, seja em agendas pessoais ou compartilhadas. Como
um bônus, implementamos a opção "Seleção de Todas as Agendas", uma
ferramenta que promove uma gestão mais dinâmica e personalizada dos seus
compromissos agendados, concedendo a você total controle sobre sua programação
diária.
</div> <br>
<a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789984415" target="_blank">Saiba Mais</a>
</div>
</div>
</div> <br>
<!-- Entry 2 -->
<div class="timeline-entry">
<div class="timeline-content">
<div class="card-panel">
<div class="card-title">
<span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
<strong>ALTERNÂNCIA ENTRE WORKSPACES DO GOODDATA NO TOTVS CRM</strong>
</div>
<hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
<div class="card-text">
<i class="material-icons">description</i> Agora, sua experiência com o Analytics Studio está mais prática e centralizada.
Com a recente melhoria, você poderá alternar facilmente entre os Workspaces
GoodData diretamente do TOTVS CRM, simplificando e dinamizando a gestão de
dados. Além disso, você contará com a identificação do workspace padrão, um
recurso que facilita consideravelmente a navegação, permitindo uma supervisão
eficiente de diferentes conjuntos de dados.
</div> <br>
<a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789991984" target="_blank">Saiba Mais</a>
</div>
</div></div><br>
<!-- Entry 3 -->
<div class="timeline-entry">
<div class="timeline-content">
<div class="card-panel">
<div class="card-title">
<span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
<strong>NOVA AÇÃO "CRIAR ATIVIDADE" EM "ATIVIDADE CONCLUÍDA" E "ATIVIDADE CANCELADA"</strong>
</div>
<hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
<div class="card-text">
<i class="material-icons">description</i> Agora, gerenciar suas atividades através do Workflow está ainda mais eficiente.
Com a adição da nova ação "Criar Atividade" nos gatilhos "Atividade Concluída" e
"Atividade Cancelada", você tem a facilidade de programar a criação automática
de tarefas subsequentes, garantindo que sua rotina de trabalho flua de maneira
mais suave e sem interrupções. Além disso, implementamos uma condição que
possibilita estabelecer um filtro baseado no status da atividade anterior,
otimizando ainda mais o acompanhamento e a gestão das suas tarefas.
</div> <br>
<a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789992595" target="_blank">Saiba Mais</a>
</div>
</div></div><br>
<!-- Entry 4 -->
<div class="timeline-entry">
<div class="timeline-content">
<div class="card-panel">
<div class="card-title">
<span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
<strong>REGRAS DE OCULTAÇÃO E EDIÇÃO CONDICIONAIS NA TELA DE CLIENTES</strong>
</div>
<hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
<div class="card-text">
<i class="material-icons">description</i> O módulo de personalização foi aprimorado, possibilitando mais autonomia e
flexibilidade no gerenciamento das informações dos seus clientes. Agora, você
tem a opção de realizar ocultação e edição condicional no formulário de
clientes, por meio de regras específicas. Essa funcionalidade simplifica a
implementação de critérios específicos para exibir ou ocultar campos, criando
uma visão mais concentrada e relevante. Além disso, o sistema agora facilita a
validação de campos de cadastro através de regras definidas, assegurando a
acuracidade e consistência das informações inseridas, prevenindo erros e
proporcionando maior eficiência na gestão de dados.
</div> <br>
<a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789983506" target="_blank">Saiba Mais</a>
</div>
</div></div><br>
<!-- Entry 5 -->
<div class="timeline-entry">
<div class="timeline-content">
<div class="card-panel">
<div class="card-title">
<span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
<strong>REGRAS CONDICIONAIS: ATRIBUTOS DE TIPO RELACIONAMENTO PARA OBJETOS PERSONALIZADOS</strong>
</div>
<hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
<div class="card-text">
<i class="material-icons">description</i> Agora, a personalização dos seus formulários em Leads, Atividades e Clientes
ficou ainda mais avançada e flexível. Com a nova funcionalidade de "atributos de
tipo relacionamento", você conta com mais uma opção para estruturar regras de
validação de campos ou configurar regras de exibição/edição condicionais,
facilitando uma gestão mais eficaz e dinâmica. </div> <br>
<a class="saiba-mais-btn" href="https://tdn.totvs.com/display/TCGDC/Regras+Condicionais%3A+Atributos+de+Tipo+Relacionamento+para+Objetos+Personalizados" target="_blank">Saiba Mais</a>
</div>
</div></div><br>
<!-- Entry 6 -->
<div class="timeline-entry">
<div class="timeline-content">
<div class="card-panel">
<div class="card-title">
<span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
<strong>
REGRAS CONDICIONAIS: ATRIBUTOS DE USUÁRIO EM OBJETOS PERSONALIZADOS</strong>
</div>
<hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
<div class="card-text">
<i class="material-icons">description</i> Agora, você tem a opção de utilizar informações dos usuários
(profissionais) para criar regras que auxiliam na organização e apresentação
mais clara dos detalhes dos seus Leads e Clientes. Esta melhoria facilita a
implementação de critérios (regras)para controlar o que é exibido ou editado
nos cadastros de Leads e Clientes, bem como assegurar que os campos sejam
preenchidos corretamente. </div> <br>
<a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=789992862" target="_blank">Saiba Mais</a>
</div>
</div></div><br>
<!-- Entry 7 -->
<div class="timeline-entry">
<div class="timeline-content">
<div class="card-panel">
<div class="card-title">
<span class="badge badge-personalizada"style="font-size: 12px; border-radius: 10px;">Manutenção</span>
<strong>ATUALIZAÇÃO DOS GRIDS NO TOTVS CRM</strong>
</div>
<hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
<div class="card-text">
<i class="material-icons">description</i> Realizamos um upgrade nos grids do TOTVS CRM, trazendo para você a versão mais
recente. E não se preocupe: tudo o que você já conhece e gosta permanece
exatamente igual! Esta melhoria, que funciona como uma "revitalização" nos
bastidores, tem como objetivo proporcionar ainda mais estabilidade e fluidez em
suas operações diárias.
</div> <br>
</div>
</div></div><br>
</div>
</div>
</div>
</div>
</div>
</div>
|
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas