Fwd: DIF2: Tour & LiveFilter

[Pedro Viegas]

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:

Resultado - step2:

__________________________________________________________________________________

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":

Com os melhores cumprimentos,

Luis Pinto
Team Leader Web

Departamento de Desenvolvimento
Digitalis Informática Lda
R&D: http://development.digitalis.pt