Advanced example demonstrates using of ajax events, callbacks and interesting settings.

Examples include:

  • Javascript callbacks for "onOpen" and "onClose" events
  • p:ajax server side events for "open" and "close" events
  • CSS styling is different for open vs closed states by check for "ui-slideouttab-open" style.
${showcase:getFileContent('/sections/slideout/example-advancedUsage.xhtml')} ${showcase:getFileContent('/org/primefaces/extensions/showcase/controller/SlideOutController.java')} ${showcase:getFileContent('/sections/slideout/advancedUsageCSS.xhtml')}