Joomla Top Panel Module
 |
Product Guide
|
Product Features - mmTopPanel
Select Existing Modules
mmTopPanel has a feature where you can select existing modules from a select field list from mmTopPanel's plugin parameters.
This list is automatically generated from the modules table of the database and the order of the modules is based on both module hierarchy and module order.
The default skins and embeded CSS stylesheets that come with mmTopPanel are designed to handle 3 or less however you can of course design your own custom template and CSS stylesheet having more than 3 modules in the top panel area.
The ability to place modules into a top panel area allows for countless possibilities, imagine having all your user login and account management links and information easy accessible from anywhere on your website.
With mmTopPanel you can!
Multiple Skins
Currently mmTopPanel come with 2 very modern and stylish skins including the embeded CSS stylesheet for each skin.
Choose the skin that suits your website the most either dark or light. You can of course choose not to embed any CSS styling and create your own custom styles if you wish and have the knowledge.
More skins for mmTopPanel will be available in the near future and installing these will be simple if you have mmTopPanel already on your website.
Panel Options
With mmTopPanel you have several features and options to make the top panel unique such as the ability to render the panel on top of the website or allow it to push the website down on trigger event.
With the trigger event which is what tells the top panel to show or hide you can choose from 'on click' or 'on mouseover'
You can also choose your content's orientation or alignment as well as the overall width you want the content area to expand into.
Best of all you can also set an opacity on the top panel which is cross browser compatible.
Panel Options
- Render On Top [Yes/No]
- Trigger On Event [OnClick/OnMouseEnter]
- Content Orientation [Left/Center/Right]
- Panel Width [Pixels]
- Panel Opacity [Percentage]
Handle Options
Change the text of the clickable area where you trigger the top panel to show or hide. Simple HTML formmating allowed so you can style the text accordingly to match the modules you wish to display inside the top panel.
Different text can be applied to both up and down triggers of the top panel. Making this custom to your modules will help guide users or customers that they can access the required modules via the top panel.
With mmTopPanel you also have the option to change the panel to have a clickable horizontal 'bar' or a 'tab' which is familiar interactive web interface element.
Handle Options:
- Handle Type [Bar/Tab]
- Handle Orientation [Left/Center/Right]
- Handle Text Down [Input Text]
- Handle Text Up [Input Text]
Transition Options
mmTopPanel comes with a range of transition options for the show/hide animation of the top panel.
Select the desired 'Trannsition Down' and 'Transition Up' option and combine it with the 'Ease Down' and 'Ease Up' option to get the best animation effect for your website.
Transition Down and Transition Up Options
- Linear
- Quadratic
- Cubic
- Quartic
- Quintic
- Sinusoidal
- Exponential
- Circular
- Bouncing
- Back
- Elastic
Ease Down Options
- No ease
- easeIn
- easeInOut
NOTE: 'Transition Up' paremeters are not visible on the screen shots as this is a new feature added in the latest version of mmTopPanel.