Fwd: DIF2: Tour & LiveFilter

0 views
Skip to first unread message

Pedro Viegas

unread,
Sep 16, 2020, 5:48:24 AM9/16/20
to DIF2 Mailing list
Bom dia

A DIF 2.3.9 implementou duas novas funcionalidades. A dif:tour e a dif:liveFilter que passo a explicar.

Tag - dif:tour
OBJETIVO: Guiar os utilizador através de novas funcionalidades. Baseado na shepherd.js

Exemplo de utilização netpaHome.jsp:

<dif:tour id="teachernewhome" showCancelLink="false" useModalOverlay="true" autoStart="${empty difresponse.stageResults.notificacoes}">

  <dif:tourStep id="step1" title="${messages.showTourHomeDocenteTitle }" text="${messages.showTourHomeDocenteStep1 }" elementToAttach=".mainservicesone" position="top">

     <dif:tourStepButton text="${messages.tomeiConhecimento }" action="Ext.get('perfil').show();teachernewhomeTour.show('step2');setHomeDocenteNewModefunc();" />

   </dif:tourStep>

  <dif:tourStep id="step2" title="$messages.showTourHomeDocenteTitle }" text="${messages.showTourHomeDocenteStep2 }" elementToAttach=".changeDocenteHome" position="left">

    <dif:tourStepButton text="${messages.fechar }" action="hide" />

  </dif:tourStep>
</dif:tour>

Resultado - step1:
Netpa Pagina Entrada.png

Resultado - step2:
Netpa Pagina Entrada(1).png


__________________________________________________________________________________

Tag - dif:liveFilter
OBJETIVO: Pesquisar elementos HTML e releva-los.

Exemplo de utilização netpaHome.jsp, que irá pesquisar os elementos "a" e aplicar aos elementos não "a", a classe "liveFilter-hidden":

<dif:liveFilter id="homepageServicesSearch" searchMessage="${messages.pesquisarServicos }" selector="a" filterClass="liveFilter-hidden">

   <layout:mainMenu />

</dif:liveFilter>


Resultado da pesquisa do texto "al":
Netpa Pagina Entrada(2).png




Com os melhores cumprimentos,

Luis Pinto
Team Leader Web


Reply all
Reply to author
Forward
0 new messages