VTEM Login (Configuration)
Please see TOP RIGHT side of screen to view demo
- The VTEM Login Module is pretty much a copy of the default Joomla Mod_login Module. It's very easy to use, and there're very few parameters to set. This is not normal login it realy cool login form based on jQuerys.
An overview of VTEM LOGIN module key features:
• Joomla! 1.5, 1.6, 1.7, 2.5, 3.x Native.
• Supports tab image
• Set delay in milliseconds
• Easy text, background color for user configuration.
• Module dimension when mouseopen
• Select position of the module on the screen that the module will appear.
• Select Logout Redirection URL.
• Easy and friendly administration.
• SEF URLs.
• Select Login Redirection URL.
• Fully compatible: Firefox, IE6+, Opera 9.5+, Safari, Netscape, Google Chrome, Camino, Flock 0.7+.
- Getting Started
- Overview files
Start by downloading from our products section - vtem.net - the VTEM Login module package.
After downloading the package, be sure to unpack locally the vtem_login_pack.zip file. If all goes well, you should see the following files:
Here’s an overview of the available files:
This is the module file to be installed on your joomla application. It will display all the content set on the selected website pages.
doc!!! - folder:
This help file that will help you to install, set and configurations your VTEM Login module.
VTEM Login Module Installation
The installation is very simple and should not pose any problem, if you follow the next instructions in properly way.
Using the Joomla! Administrator, navigate to the administrative panel on your site and from your administration top menu, select Extensions > Install/Uninstall.
Click the ‘browse’ button, select the module file (mod_vtem_login.zip) and press ‘Upload File & Install.’
A message will appear saying ‘Module Installation - Success.’
The VTEM Login module is now available on your Modules Manager.
- Module Configuration
- VTEM Login Configuration
To configurations your VTEM Login module, navigate to “Extensions > Module Manager” and find the VTEM Login module on the available list.
Click on it to enter inside and to edit the module parameters configuration.
From left to right, set the module in your selected position and enable it.
Before saving the module, you must configurations the following parameters fields:
Module Class Suffix:
A suffix can be applied from the CSS class of the module and this will allow individual module CSS style.
Module unique ID:
Unique ID for module (must be unique if you have two or more modules on one page) (i.e. vtemlogin1)
Width of the module in px.
Height of the module in px.
This is the location of where you want the slide out module to appear in the browser window.
Type of tab to display on the module.
Enter the image that you would like to use for the tab.
Enter the text that you would like to use for the tab.
The speed at which the module will open/close
The number of pixels that the module is positioned from the edge of the browser window.
Check this option to automatically close any open modules when the user clicks anywhere in the browser.
Label background color in hex format, eg. #000000,#CCCCCC.
Label color in hex format, eg. #000000,#CCCCCC.
This is the text or HTML that is displayed above the login form.
This is the text or HTML that is displayed below the login form.
Login Redirection Page:
Select the page the user will be redirected to after a successful login. Select from all the pages listed in the dropdown menu. If no selection is made, the Front Page will be loaded by default.
Logout Redirection Page:
Select the page the user will be redirected to after successfully ending their current session by logging out. Select from all the pages listed in the dropdown menu. If no selection is made, the Front Page will be loaded by default.
Show/Hide the simple greeting text.
Use this option only if you have a problem with scripts on your site. In other situations option YES is strongly recommended. If you want to run more than one copy of this module on same page then set this value for disabled. Also if you have an jquery framework included on your site, then disable this option also.
Use to add your css.
- Customizable CSS
- CSS Classes for advanced customization
If you have some knowledge of how to set up style sheets, here are the main classes that you can format to create your own design.
If you do not have this knowledge, you can request support in our forum. Also, we recommend that regular visits to our official site – VTEM.NET - where you can find some examples in the future.
Here’s the list of classes and ID CSS style used on the VTEM Login module:
In some cases, may have to impose the setting of class, to overcome already existing ones on the module, by placing the “!important” class in the style configuration.