Árvore de páginas

Versões comparadas

Chave

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

TOTVS MOBILE

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 


HTML
<div class="menu">
  <ul>
    <span>►</span><li class="active" link-categoria="Todas as categorias"><a>Todas as categorias</a></li>
    <li class="" link-categoria="CMNet"><a>CMNet</a></li>
    <li class="" link-categoria="Construção e Projetos"><a>Construção e Projetos</a></li>
    <li class="" link-categoria="Conveniências para os TOTVERs"><a>Conveniências para os TOTVERs</a></li>
    <li class="" link-categoria="Educacional"><a>Educacional</a></li>
    <li class="" link-categoria="ERP e CRM"><a>ERP e CRM</a></li>
    <li class="" link-categoria="Fiscal"><a>Fiscal</a></li>
    <li class="" link-categoria="Jurídico"><a>Jurídico</a></li>
    <li class="" link-categoria="Serviços TOTVS"><a>Serviços TOTVS</a></li>
    <li class="" link-categoria="Social"><a>Social</a></li>
  </ul>
</div>

Card mobile
CategoriaERP e CRM
BTNLink/display/MOBILE/Bemacash
TituloBemacash
Imagemhttps://lh3.googleusercontent.com/yWSR3FpHiNvM6fHsqRtTEUuJcjWX-3YjU4bvCysBN0D5f6_dWySmMXmcDII8y9d_XCw=w300

Card mobile
CategoriaSocial
BTNLink/
TituloBy You
Imagemhttps://lh4.ggpht.com/0gupJsOVKRHcEej-4TCcy_HQ7HgLUju-Cslw6XpK-IeAILqTh8FfpLi8BVe14J8g0Xo=w300

Card mobile
CategoriaServiços TOTVS
BTNLink/display/MOBILE/Central+de+Atendimento
TituloCentral de Atendimento TOTVS
Imagemhttps://lh3.googleusercontent.com/gjSbfvZU4ZS4_57MaXCl4EZpDKusHWQzqV3CAdyWK8sFe2_dVlzN2-Pqh-WFaLhdzQ=s180-rw

Card mobile
CategoriaCMNet
BTNLink/display/MOBILE/CMNet+Comanda
TituloCMNet Comanda
Imagemhttps://lh3.googleusercontent.com/XgxZBzofut87MrbmufRpkyfS5WqxPQ-lznXDbe-5JW-ktAt5CC1458GESfb3wIzEiYY=s180-rw

Card mobile
CategoriaCMNet
BTNLink/display/MOBILE/CMNet+Front+Office
TituloCMNet FrontOffice
Imagemhttps://lh3.googleusercontent.com/NmdpeNotmSHe-YNczbTHn7xUtrLhkPe6fNTH8uCZVOvCi8dF7Lsxtd4hzc0uh99t3mw=s180-rw

Card mobile
CategoriaCMNet
BTNLink/pages/viewpage.action?pageId=348294860
TituloCMNet Pensão
Imagemhttps://lh3.googleusercontent.com/KSml5DhqaxRadnHOBt_WbYYqy4NAYWXp7JxRN-nJJGpWX69_Nx7NS1r2teihPfMgZDg=s180-rw

Card mobile
CategoriaCMNet
BTNLinkteste/display/MOBILE/CMNet+Staff
TituloCMNet Staff
Imagemhttps://lh3.googleusercontent.com/_fedmY7ZCWqnh-bcTwFuBNL15MoxNFEu14IW4O9o7o3epV6Zd20TsOucQWOIRImEyA=s180-rw

Card mobile
CategoriaSocial
BTNLinkteste
TituloFluig
Imagemhttps://lh3.ggpht.com/ZjCNLQRiCrcJ3tJ_7HHbyqnqX9qKJBf696KG-omN0tnqXCN9LrcWvFjfDx5cwJuCEro=s180-rw

Card mobile
CategoriaSocial
BTNLinkteste
TituloFluig Approval
Imagemhttps://lh3.googleusercontent.com/X5GaftVrJyn9nnNqXkgnFDZDuaWE1nzLmiNLyRlgpDPR1w6LpiNNApzC_XoGq0GP_2o=s180-rw

Card mobile
CategoriaJurídico
BTNLinkteste
TituloLegal Process
Imagemhttps://lh3.googleusercontent.com/loZ1Hrlajqu2Qhtrc1X5eVOsUaKoq4DtnM-9EgT5Ba71zlx5LsmEP73IYmlfv_46jw=s180-rw

Card mobile
CategoriaJurídico
BTNLinkteste
TituloLegal Task
Imagemhttps://lh3.googleusercontent.com/RtaLi5StdxEgjNDtkWdHOIqUgBrIV8Fy8d6k_X3MGkk4-TBriu5jKr2BmeT5w-fLBqg=s180-rw

Card mobile
CategoriaERP e CRM
BTNLinkteste
TituloLinkify
Imagemhttps://lh3.googleusercontent.com/1jBLY_YST0aa4g3a0DiUuqhTL6-2RHp49IAbqJJDDre1oR6Ka3xr1Ckcd6fEYqNA9Mg=s180-rw

Card mobile
CategoriaSocial
BTNLinkteste
TituloMessaging
Imagemhttps://lh3.googleusercontent.com/AYWFZB_RiRLQQC_Slh1jTfC3GrXbgbYtroo7fP2BLZTlo-Rkis_EaBJGaFPvlvL-DQ=w300

Card mobile
CategoriaConveniências para os TOTVERs
BTNLinkteste
TituloMeu RH
Imagemhttps://lh3.googleusercontent.com/KHWjvujreo9nU39FxmuVkXZkcvxPvzlJYQW6ZBNQ_fyHCmfoEZzw6tHOnWATmvMvN4Vc=s180-rw

Card mobile
CategoriaConveniências para os TOTVERs
BTNLinkteste
TituloMinha Prestação de Contas
Imagemhttps://lh3.googleusercontent.com/K3MYfeZiNe_MXEOSACUOnwByl0TQ2CFPltR2CNakZXYfUiw7KRS07s3HSKpUYyAN1w=s180-rw

Card mobile
CategoriaERP e CRM
BTNLinkteste
TituloPocket CRM
Imagemhttps://lh3.googleusercontent.com/IMCEq6_x7ZmsuVKrscbPUuRiRMTxnBlSO3KgXPs4nKlaJUXXR-poCQmzqaImNK3GdOjY=s180-rw

Card mobile
CategoriaERP e CRM
BTNLinkteste
TituloProtheus Event Viewer
Imagemhttps://lh3.googleusercontent.com/afrpiReYFXq_kGhi8iTkhXfvkNY4Ig9oMulCO1K6AL8aH5SIoM-QvB3xRiNaTRBt_yQ=s180-rw

Card mobile
CategoriaServiços TOTVS
BTNLinkteste
TituloSafe ID
Imagemhttps://lh3.googleusercontent.com/Jq-LRH3XCEdKtA-orcm5aSxLIdrSumTcwXofCNHhxLYa5Daj8Ct6jcd9XeG3g_BPRg=s180-rw

Card mobile
CategoriaConveniências para os TOTVERs
BTNLinkteste
TituloSalas Totvs
Imagemhttps://lh3.googleusercontent.com/fvILIovX2sA3JhC6wvXHDgRYGnUL2VPGs5X45DTMjBLW6YtJdxsJ0MNwONKMCHLlh8M=s180-rw

Card mobile
CategoriaERP e CRM
BTNLinkteste
TituloTOTVS Analytics
Imagemhttps://lh3.googleusercontent.com/hMZetR2xjvMGz2feXclQjSygqk8Ui8_OMFL9t3lxNUsfC7h7QuXnZOEkcoizebMrhA=s180-rw

Card mobile
CategoriaEducacional
BTNLinkteste
TituloTOTVS eduCONNECT
Imagemhttps://lh3.googleusercontent.com/-QxzFD_tDy0Kzw7XEW1iKjKsB2Tsm24Z3vjMSdQ4IAIOCqN_gg2aCB5BPtYb0wdyWKE=s180-rw

Card mobile
CategoriaSocial
BTNLinkteste
TituloTOTVS Experience
Imagemhttps://lh3.googleusercontent.com/wPUIQ4zb40ZEDBMXHIT-qJZv2DkVsH2nMeXpAlhYeDHaACw8Q4cdMdHnadHLnG6BJRU=w300

Card mobile
CategoriaERP e CRM
BTNLinkteste
TituloTOTVS FatClient ERP (BETADEMO)
Imagemhttps://lh3.googleusercontent.com/tq4pxfcvdgyOndOlARrI1JOzL-gyHEVBS7gQ8_unY8fQDe5WJ6QihjKlESS4a9rP3g=w300

Card mobile
CategoriaServiços TOTVS
BTNLinkteste
TituloMeu Posto de Trabalho
Imagemhttps://lh3.googleusercontent.com/LXwQ3_ezL6PbRgesbgwIxiY8HOF8O-OfxmGUdxPWN60qE1F1oVppM7NKVxiK_yCBvv4=s180-rw

Card mobile
CategoriaJurídico
BTNLinkteste
TituloMeus Contratos
Imagemhttps://lh3.googleusercontent.com/O16pNH1B17ykmXlEPi3ZCk1f7rC02IenL26Mysxe2MN5_VJHcEpXHlf6RZoEsNCQbNgW=s180-rw

Card mobile
CategoriaFiscal
BTNLinkteste
TituloMeus Ativos Fixos
Imagemhttps://lh3.googleusercontent.com/zT2D3pfcDdD-ukGSLosnevgERaTi8j14YNOqR61OXs5VoAxscA9oVEY8WNB77eO5X4w=s180-rw

Card mobile
CategoriaServiços TOTVS
BTNLinkteste
TituloTOTVS RIV
Imagemhttps://lh3.googleusercontent.com/gKTMd4t-ZYYFVMAyvwE3q118d-tGXZBqMaoAaSgaIknJNbQ-inWbOUb7jxl2z0bbAXg=w300

Card mobile
CategoriaERP e CRM
BTNLinkteste
TituloSupervisor de Postos
Imagemhttps://lh3.googleusercontent.com/mwU1eB9WN_TGYlC4AUcY2G8irkCry-CQYmfYbiK6bDDaGQcDUytYUxJlvv4eP9M3IgA=s180-rw

Card mobile
CategoriaConstrução e Projetos
BTNLinkteste
TituloTOTVS TOP Mobile
Imagemhttps://lh3.googleusercontent.com/-68bnVpDqgpHRQmNsczrX4YYuJcBzNtCyO65D-0OmC1G0iOSmhIC0UYWq0lUE6wV4Zk=s180-rw

Card mobile
CategoriaServiços TOTVS
BTNLinkteste
TituloTOTVS | ECM
Imagemhttps://lh6.ggpht.com/mkEmk2KJGAJruas0W2LQaZte73nglolN_ctMbaAE_QXo6qIBre4WvgpM_MngLfPwK54=w300

HTML
<style>
.columnLayout.two-equal {
    width: 100%;
    margin: 0 auto;
    padding-top: 32px;
    text-decoration: none;
    background-image: url(https://totvsdigitalstatic.blob.core.windows.net/static/tdn/background.png);
    height: 106px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 230px;
}


.columnLayout.two-equal .innerCell {
	padding: 80px;
}

#title-text {
	display: none !important; 
}

.menu {
  width: 100%;
  padding-top: 30px;
}

.menu ul {
  list-style: none;
  display: flex;
  justify-content: center;
    padding-left: 0px;
flex-wrap: wrap;
}

.menu ul li {
  padding: 0px 10px;
  border-right: 2px solid #D7D7D7;
  cursor: pointer;
}

.menu ul li a, .wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:hover, .wiki-content a:active {
  color: #000;
text-decoration: none;
}

.menu ul li.active a {
      color: #0D729C;
    font-weight: bold;
}


#main #content {
  padding: 0 10px;
}

.menu span {
    color: #FFB600;
}


#main #breadcrumbs {
	padding: 0 10px;
}

.innerCell h1 {
	font-size: 32px;
}

.aui-page-panel {
    padding: 20px 0px;
}

.main-header {
	padding: 0 20px;
}

.page-metadata {
    margin-top: -22px;
}

.columnLayout.single .innerCell {
  padding: 5px;
  display: flex;
    flex-wrap: wrap;
    padding: 0 200px;
    justify-content: center;
padding-bottom: 20px;
}


.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
div#main {
    margin-left: 0px !important;
}

#footer {
  margin-left: 0px !important;
}

#main {
padding-left: 0px;
padding-right: 0px;
overflow-x: hidden;
}

</style>

<script>
$(".menu ul li").click(function() {
  var el = this;
  var categoria = el.attributes[1].value.toUpperCase();
$(".menu ul li").map(function(i, item){
	item.className = "";
});

  el.className = "active";

  if(categoria == "TODAS AS CATEGORIAS") {
	$(".mobile-card").map(function(i, card) {
       card.className = "mobile-card show";
    });
  } else {
  $(".mobile-card").map(function(i, card) {
    var card_categoria = card.attributes[1].value.toUpperCase();
    
    if(card_categoria != categoria)
      {
        card.className = "mobile-card hide";
      } else {
        card.className = "mobile-card show";
      }
  })
 }
});
</script>