“GilidPanel” Documentation by “Jeffrey Carandang” v1.0

---

“GilidPanel”

---

Table of Contents

1. Features
2. Installation
3. How To
4. Settings
5. Screenshots
6. Sources and Credits

---

Features - top

GilidPanel lets you easily build sliding panel for any kinds of content using wordpress sidebar widgets. This plugin comes with "slide" and "push" animation effect with jquery easing options and can be assigned either on left or right side. This also comes with responsive scrollable contents that will allow you the add as many contents as you want!

• Wordpress Widgets Support
• Push & Slide Animation
• Left or Right Position
• Easing Animation Effects
• Custom Menu Display
• Dynamic Display Options
• Unlimited Color Options
• Google Font Support
• FontAwesome Icons
• Highly Customizable
• Browsers Compatible

---

Installation - top

To install the plugin go to Plugins > Add New, and select the Upload tab. Now upload and activate the wp-gilid-panel.zip. After installation and activation you will have an extra menu under Settings > GilidPanel Settings

---

How To - top

How to Add Contents to the Panel
- Go to Appearance > Widgets then drag and drop widget items to "GilidPanel Widgets"

How to Open Panel using Menu or Link
-You can trigger the open and close of the panel using any navigation link menu and anchor link. Just add this class : open-gilidpanel

---

Settings - top

This plugin comes with highly customizable options that will help you to change the display, animation, look and feel of the slide panel to match with your current theme.

1. General Options
This options allows you to :

• Set Panel Width
• Left or Right Panel Position
• Slide or Push Panel Effect
• Wordpress Location where you want the panel to be displayed

---

2. Animation Options
This options allows you to :

• Change Easing Animation Speed
• Change Easing Effect

---

3. Appearance Options
This options allows you to :

• Dynamically assign specific color for each specified elements
• Dynamically add mouseover color for specified element
• Add Widget Padding

---

4. Font Options
This options allows you to :

• Dynamically assign google webfonts each specified elements
• Dynamically assign font size for specified element

---

5. Icon Options
This options allows you to change the opener icon width any fontAwesome icons :)

For further examples go to Online Documentation

---

Source & Credits - top

This plugin uses the following jquery plugins and fonts.

• NanoScroller
• Jquery Easing
• FontAwesome Icon
• Google Web Fonts

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on Codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Jeffrey Carandang

Go To Table of Contents

---