Details: Hits: 30

Floating Menu for Joomla menu is docked to the left side of the viewport and floats vertically, centered on the screen.

The module anchors the menu to the left edge of the screen and ensures it stays vertically centered within the browser viewport.
It maintains this position regardless of scrolling, using fixed or sticky positioning with modern CSS.

Features and Functionalities:

✅ Floating Vertical Menu

The menu is docked to the left side of the viewport and floats vertically, centered on the screen.
It remains fixed on scroll, improving accessibility and visibility across long pages.

✅ Collapsed by Default

The menu initially shows only a small bar with:
- A Font Awesome icon
- The word "Menu"
This minimal interface reduces distraction and visual clutter.

✅Click-to-Expand Behavior

On click, the menu expands to reveal the full list of menu items.
Clicking again collapses the menu.
This replaces hover-based behavior, enhancing usability on touch devices.

✅ Dynamic Joomla Menu Integration

The module fetches menu items dynamically using Joomla’s built-in menu system.
The backend allows administrators to select any existing Joomla menu (Main Menu, Footer Menu, etc.).

Customization Features

✅Font Awesome Icon Support

Admins can set any Font Awesome icon class (e.g., fa-bars, fa-list) in the module settings.
The icon's color can also be customized using a color picker.

✅ Color Controls

The module includes backend options for:
- Icon color
- Text color
- Background color
This allows easy theme alignment without touching CSS.

✅ Custom CSS Input

Admins can add their own custom CSS directly in the module settings.
Useful for fine-tuning styles such as padding, borders, hover states, and transitions.

Animation & UX Enhancements

✅ Smooth Width Transitions

When expanding, the menu smoothly resizes its width using CSS transitions.
Gives a polished, modern feel to the interaction.

✅ Shadow Animation

Subtle box-shadow changes occur on expansion/collapse.
Creates a visual "pop-out" effect and improves depth perception.

✅Slide-In Item Animation

Each menu item slides in from the left and fades into view when the menu expands.
Supports staggered delays for a cascading animation effect.

Submenu Support

✅ Nested Menus (Multilevel)

Supports Joomla submenus, automatically displaying child items under their parents.
Children are indented and styled differently to reflect hierarchy.

Joomla floating menu vertical backend

CLICK HERE TO DOWNLOAD THIS MODULE

Details: Hits: 19

Joomla Vertical Menu Module

Joomla Vertical Menu module renders a vertical menu based on your selected Joomla menu item set. It supports multi-level navigation and style customization through backend options, enabling seamless integration with your site's visual identity.

Core Functionality:

The module renders a vertical menu based on your selected Joomla menu item set. It supports multi-level navigation and style customization through backend options, enabling seamless integration with your site's visual identity.

Backend Configuration Options:

✅Menu Select which Joomla menu to display in vertical format. This determines the menu items shown on the frontend.

✅Module Class Suffix Add a custom class suffix to the module's container. This is useful for applying different styles through your template's CSS.

✅Background Color Define the background color of the menu container. Use a HEX code (e.g., #ffffff) or color name (e.g., white).

✅Text Color Set the color of the menu item text to match your site's palette.

✅Hover Background Color Choose the background color that appears when a user hovers over a menu item.

✅Font Size Specify the font size (e.g., 14px, 1em) to control the size of the menu text.

✅Border Radius Add rounded corners to the menu and its items by setting the border radius (e.g., 5px for subtle rounding).

✅Font Family Choose a default system or web-safe font (e.g., Arial, Verdana) for the menu text.

✅Item Padding Set internal spacing inside each menu item for better readability and spacing (e.g., 10px 15px).

✅Google Font Name Enter the name of a Google Font (e.g., Roboto, Open Sans) if you want to use a custom font not already loaded by your template.

✅Level 0 Icon (Font Awesome) Add Font Awesome icon class (e.g., fa fa-home) for top-level (level 0) menu items.

✅Level 1 Icon (Font Awesome) Specify Font Awesome icon for first-level submenus.

✅Level 2 Icon (Font Awesome) Set a different icon for second-level submenu items, providing visual cues for nested navigation.

✅Custom CSS Add your own CSS rules to fully override or extend the module’s styling. This allows precise control over animations, transitions, layout, and any additional design tweaks.

CLICK HERE TO DOWNLOAD

Details: Hits: 169

The Google Spreadsheets Integration Module for Joomla allows users to embed and interact with Google Spreadsheets directly within their Joomla website. This module ensures a seamless experience by enabling users to view, edit, and manage spreadsheets without leaving the Joomla environment.

Key Features & Functions:

✅Direct Spreadsheet Embedding

Displays Google Spreadsheets within Joomla pages.
Eliminates the need for users to open Google Sheets separately.

✅Real-Time Editing & Viewing

Users can edit spreadsheet data directly on the Joomla website.
Changes are instantly synced with Google Sheets.

✅Fully Responsive Design

Works across all devices, including desktops, tablets, and mobile phones.
Ensures optimal viewing and interaction on different screen sizes.

✅Compatibility with All Joomla Templates

Works with various Joomla themes and frameworks.
No need for additional customization to fit different designs.

✅Easy Installation & Administration

Simple setup via Joomla’s module manager.
No coding knowledge required—just paste the Google Sheets URL.

✅Customizable Appearance

Allows users to modify styles to match their website branding.

✅Multi-Language Support

Works with different languages, making it accessible for international users.

✅Google Drive Integration

Enables seamless access to spreadsheets stored in Google Drive.
Supports multiple sheets within a single document.

This module is perfect for businesses, educators, and organizations that need a hassle-free way to manage and display spreadsheet data directly on their Joomla website.

CLICK HERE TO DOWNLOAD.

Google Spreadsheets for Joomla Module frontend view

Details: Hits: 129

The Google Forms Integration Module for Joomla allows users to embed Google Forms directly into their Joomla website, enabling visitors to fill out forms without being redirected to an external Google Forms page. This ensures a seamless user experience while maintaining the functionality of Google Forms.

Key Features & Functions

Direct Form Embedding

Displays Google Forms directly within Joomla pages.
Eliminates the need for users to leave the website to complete forms.

Fully Responsive Design

Works across all devices, including desktops, tablets, and mobile phones.
Ensures optimal viewing and interaction on different screen sizes.

Compatibility with All Joomla Templates

Works with various Joomla themes and frameworks.
No need for additional customization to fit different designs.

Easy Installation & Administration

Simple setup via Joomla’s module manager.
No coding knowledge required—just paste the Google Forms URL.

Customizable Appearance

Allows users to modify Height on forms

Form Submission & Data Collection

Users can submit responses directly within Joomla.
Data is stored in Google Forms for easy access and management.

Multi-Language Support

Works with different languages, making it accessible for international users.
Google Sheets Integration Automatically syncs responses with Google Sheets for real-time data tracking.

This module is perfect for businesses, organizations, and event planners who need a hassle-free way to collect form responses directly on their Joomla website.

TO EXPERIENCE THE LIVE DEMO, CLICK HERE.

Joomla Google form website Integration responsive

Click here live Demo

Details: Hits: 149

The Google Calendar URL Embed Joomla extension module is designed to seamlessly integrate Google Calendar into Joomla websites, providing a responsive and user-friendly solution for displaying events. This module is ideal for users who want a simple setup without requiring coding knowledge.

Key Features & Functions

Easy Google Calendar Integration

Allows embedding of Google Calendar using a simple URL.
No complex configuration—just copy and paste the calendar link.

Fully Responsive Design

Works across all devices, including desktops, tablets, and mobile phones.
Adapts to different screen sizes for optimal viewing.

Compatibility with All Joomla Templates

Supports Bootstrap-based templates, ensuring smooth integration.
Works with Joomla 3.x, 4.x, and newer versions.

Multiple Calendar Views

Displays events in month, week, and day views.
Users can switch between views for better event visualization.

Customizable Appearance

Allows users to modify colors and styles to match their website branding.
Supports tooltip display for event details.

Event Details & Google Maps Integration

Shows event descriptions, locations, and times directly within Joomla.
Integrates Google Maps for location-based events.

Multi-Language Support

It works with different languages, making it accessible to international users.

No Coding Required

Simple setup via Joomla’s module manager.
No need to modify template files or write custom code.

This module is perfect for businesses, organizations, and event planners who need a hassle-free way to display their Google Calendar events on a Joomla website.

CLICK HERE TO DOWNLOAD

Joomla google calendar url embed responsive view

Click here live Demo

Page 1 of 5

Vertical Menu

Joomla Vertical floating menu