{"id":6,"date":"2014-11-17T03:01:11","date_gmt":"2014-11-17T03:01:11","guid":{"rendered":"http:\/\/demo.bluenotesentertainment.com\/wp-bne-flyout\/?page_id=6"},"modified":"2020-06-05T18:43:16","modified_gmt":"2020-06-05T18:43:16","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.bnecreative.com\/panels\/","title":{"rendered":"Home"},"content":{"rendered":"
\n

BNE Panels (formerly Flyouts) is a premium WordPress plugin that adds hidden off-canvas content that are displayed by sliding over your content. Show visitors contact forms, social links, testimonials, images, your social feeds, offer a subscription, display banners and so much more using the visual\/text editor.<\/p>\n

You can even use most 3rd party shortcodes from your theme or other plugins.<\/p>\n

Google Maps<\/a> Contact Forms<\/a> Videos and Audio<\/a>\n<\/div><\/section>\n

\n
\n\"\"\n

Unlimited Panels from any side<\/h2>\n

Triggers and Panels can be placed on all four sides for the browser window.\u00a0You can create as many as you want. Triggers can be hidden based on screen size or not shown at all.<\/p>\n

Top<\/a> Bottom<\/a> Left<\/a> Right<\/a>\n<\/div>\n

\n\"\"\n

Animates In\/Out<\/h2>\n

Each panel seamlessly animates into and out of view without disturbing your page content. Need it only for a certain page or when a user is logged in? Check out the codition examples.<\/p>\n

Modal View<\/a> On Page Load<\/a> Scrolled Down<\/a>\n<\/div>\n

<\/div>\n
\n\"\"\n

Set the size for each Panel<\/h2>\n

You can set the size of each Panel \u2014 width for Left and Right, height for Top and Bottom. Worried about it being to large on mobile? Don\u2019t worry, if the size is larger than the screen, it will automatically go to a max-width\/height of 100%.<\/p>\n

200px Width<\/a> 500px Width<\/a> 900px Width<\/a>\n<\/div>\n

\n\"\"\n

Custom Styles for each one<\/h2>\n

Make each Panel unique and matching your website design or personality. You can style the background with a solid color or image.<\/p>\n

Color Background<\/a> Image Background<\/a>\n<\/div>\n

<\/div>\n<\/div><\/section>\n
\n

You can trigger a Panel from any linked element from your website!<\/h2>\n

Each Panel has a unique classname allowing you to turn any element on your website as a trigger. This could be a mobile nav button, image, theme button or link, or even a menu item. All you need to do is include the classname on your element.<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n

Click the Ball <\/i><\/span><\/h4>\n

Or click on a text link like this one<\/a>.<\/p>\n<\/div>\n

<\/div>\n<\/div><\/section>\n
\n

Every Panel is Customizable and Unique!<\/h2>\n

Add your own creative touch to each Panel. From styling the trigger button to giving the Panel a custom color or background. Each Panel is unique and customizable for any display.<\/p>\n