• Home
• com.guicedee.examples.faces
• primefaces-extensions-showcase
• 1.1.0.6
• source code
• slideOut.xhtml

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

views.slideOut.xhtml Maven / Gradle / Ivy

    
        
            
        
        
            
            SlideOut create tabs that slide out from the window edges to show a feedback form, contact form, live chat, etc.
            
 
            Features include:
            

               
Attach to any edge of the screen: top, bottom, left or right
 
               
Make sticky to have the tab follow you as you scroll
               
Easily CSS styled
               
Javascript callbacks for Open and Close tab events
               
Ajax behaviors for Open and Close tab events
            
            

            A typically area of application is anywhere you may want to get customer feedback.
            

            Based on jQuery TabSlideOut Plugin.
            

            

            WARNING:Demos in this showcase may not work in some browsers and all examples are shown set to the top of the screen.
            The reason is because of CSS position:absolute vs. position:relative of the tabs.  The PE Showcase uses pe:layout component which
            causes issues trying to use this component because the tab cannot be drawn on top of the Layout panes.
            

            However, we are successfully using the component in production applications you just have to be careful where you lay it out.