Vanchelo  1.0.4-pl (38 KB)Other VersionsNeed help installing this extra?

modxFastRouter

Effortlessly present detailed event agendas; fully customizable with rich features.

When checking out an event on the Agenda Widget, it's always handy to catch the essentials first. For every item, the widget shows the location, the time, and the person taking the lead. It's like a quick snapshot, ensuring attendees know exactly where to be and when.


Details at a Glance

There are moments when an overview isn't enough and you're curious for more. The Agenda Widget allows for a direct link to be attached to any item, guiding users to in-depth information. So, if they want to explore a speaker's full profile or get additional details about a session, it's just a click away.

Direct Links

With the Agenda Widget, you decide how much of the event details to reveal at first glance. Users can easily switch between a neat, collapsed view and a detailed, expanded version, letting them interact with your agenda based on their preference.

Collapsable Details

The Agenda Widget offers a neat feature where event details can be shown in a popup. Instead of navigating away or scrolling endlessly, users can simply click on an agenda item, and all its information springs up in a focused popup window. It's all about providing details without cluttering the main view.

Popup Display

The Agenda Widget is pretty flexible. It's got various display options, so you can pick one that feels right for your website's vibe and looks. Just like choosing the best outfit for an event, but for your site!

Multiple Agenda Layouts

The Agenda Widget isn't just about function; it's got fashion too! It offers a bunch of cool themes, so you can find the perfect look without fussing over tweaks and edits. Making your agenda look snazzy was never this easy!

Stylish Agenda Skins

With the Agenda Widget, you're in the driver's seat. It's packed with customization options, letting you tweak colors, fonts, spacing, and more. Tailor it to match your style and make it a perfect fit for your site. You've got this!

Fully Customizable Agenda

The Agenda Widget adjusts smoothly to any device. Whether someone's checking out your agenda on a phone, tablet, or computer, it's going to look spot-on. In a world where everyone's on the move, your agenda is ready to roll with them.

Fits Every Screen

Getting the Agenda Widget up and running is a breeze, no coding wizardry needed! With an easy-to-grasp dashboard and drag-and-drop actions, you can shape your agenda just the way you want, all in just a few clicks. No fuss, just function.

Simple Setup, Smooth Scheduling:

Like every tool from Common Ninja, the Agenda Widget isn't just about out-of-the-box looks. Got a flair for design? Dive in with custom CSS and give it your unique touch. Your creativity, our platform – a match made in design heaven.

Style It Your Way with Custom CSS

Slipping the Agenda Widget onto your site is as simple as copy-paste. Just grab that one line of code and voila! And the cool part? Anytime you tweak the agenda on your end, it auto-refreshes on your site. 

Easy To Embed

By giving potential attendees a sneak peek into the exciting topics, speakers, or activities, you're providing them with more reasons to mark their calendars and show up.

Increase Attendance

No more constant email queries or phone calls asking about the event schedule. With the Agenda widget, your attendees can get all the information they need in one glance, freeing up your time.

Save Time

Displaying a clear and organized agenda highlights your commitment to planning and organization, elevating your brand's reputation and trustworthiness.

Enhance Professionalism

Use the Agenda widget when events, conferences, or programs have detailed schedules that must be clear at a glance. Instead of publishing long paragraphs of timing information, you structure sessions into time slots, tracks, and descriptions in a dedicated layout. Attendees can quickly see what happens when, choose where to be, and plan breaks or meetings. This is vital for multi day events, training series, and webinars with several segments. A clear agenda reduces confusion, support queries, and last minute changes in attendance. It also shows a professional, organized image that gives participants confidence in your coordination.

Agenda

Website Components

Display important messages and notifications in a designed bar, at the top or bottom of the screen

Example 1

Example 2

Example 3

Example 4

Example 5

The Notification Bar widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Notification Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Notification Bar

The Notification Bar widget features the “sticky” option, which can pin your notification bar and fix it to a position of your choosing. That way, when the user scrolls, down or up, they’ll still see the notification bar.

Sticky Feature Bar

You can add a button to the Notification Bar widget, and add a link to it to improve navigation, encourage action and improve conversions.

Add a Button to the Notification Bar

The Notification Bar widget comes with a selection of beautiful icons that you can use to add to the notification bar and enrich its visual appearance.

Show an Icon

To enable the process of customization quicker, you can choose one of the many button templates available.

Multiple Button Templates

The Notification Bar widget comes with a playful “shaking” button animation, with which you can draw attention to the button and encourage users to click on it.

Shaking Button Animation

The Notification Bar widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Notification Bar widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable Widget

The Notification Bar widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive Notification Bar

The Notification Bar widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Notification widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Notification Bar widget and be even more creative.

Custom CSS

You can easily embed the Notification Bar widget on your website by copying a single line of code. The Notification Bar widget will also be updated automatically with every change you make.

Easy To Embed on your website

The Notification Bar widget lets you notify your site visitors of important information. Whether it’s about updates, changes in pricing or policy, or promotions and discounts — your site visitors will certainly notice it.

Notify Site Visitors

The Notification Bar widget comes with full customization options, a “sticky” feature as well as a “shaking” button animation, and further templates and skins — all of which will serve to draw the attention of your visitors to the message you are trying to convey.


Draw Attention

With the Notification Bar widget, you can easily tailor a message that will drive your users to action. The Notification Bar widget features the ability to add a button, link it, and make it extra visible with animation. Whether you want your users to sign up, purchase something, or perform another action, the widget will surely help you with that.

Encourage Action

Use the Notification Bar widget when you need to share important information without interrupting the browsing experience. A slim bar at the top or bottom of the screen can highlight announcements, shipping updates, policy changes, discounts, or calls to action in a way that stays visible but not intrusive. This is especially effective for time sensitive messages, site wide updates, and targeted campaigns. Visitors do not need to search for details because the bar keeps them in view as they scroll. A well written notification bar reduces confusion, increases clicks on key offers, and helps guide users smoothly toward the next step while keeping your page clean.

Notification Bar

Popups, Bars & Buttons

Boost Sales

E-Commerce

notification bar 1

Display images within frames depicting screens of various computer and mobile devices

A device mockup will not only help your users visualize your message, but with the right colors, fonts, and images, it can create a stronger association with your brand. 


Enhanced Design — Stronger Brand Presentation

With the right mockups, you can help your users visualize your services or products on their various devices, making their decision-making process shorter and in your favor. 

Easy Visualization — Better Understanding

Style 3

Style 4

Style 5

The widget features a selection of various devices and device types that you can choose from. The devices include mobile, tablet, laptop, and desktop, while the device types will enable you to choose a more specific device like an iPhone, a Galaxy phone, an iPad, and many more.


Multiple Devices

The widget comes with the ability to change the device's orientation from portrait to landscape and vice versa.

Portrait & Landscape

The widget features the option for in-mockup scrolling, which will allow you to add more content and make the user’s journey even more immersive.

In-Mockup Scrolling

You can play with the device’s brightness to complement your design needs and highlight the various choices you are more in favor of.

Device Brightness

The Device Mockup widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Layouts

The Device Mockup widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

The Device Mockup widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

The Device Mockup widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive

The Device Mockup widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Device Mockup Widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Device Mockup widget and be even more creative.

You can easily embed the widget on your website by copying a single line of code. The Device Mockup widget will also be updated automatically with every change you make.

The widget will enable you to offer your users a clear visualization of what your content will look like on various devices — desktop, tablet, or mobile.

Clear Visualization

By offering your users an easy-to-follow visualization, you will create an immersive experience that will keep your users satisfied.

An Immersive Experience

With the widget, you can expedite the user’s decision-making process by showing how your content will look on their device and adding a CTA button right next to it.

Easier Decision-Making

Use the Device Mockup widget when you want people to visualize your app, website, or design in a real world context. Showing screenshots inside familiar devices makes the experience feel more tangible and credible than flat images alone. This is especially helpful for SaaS, mobile apps, UI portfolios, and product launches. Visitors can instantly understand how your product looks and behaves on different screens, which reduces uncertainty before signup or purchase. Mockups also elevate perceived quality by presenting assets in a clean, professional frame. With responsive layouts, you can show multiple devices side by side to highlight cross platform experience, helping visitors trust that your product is polished and ready to use.

modxFastRouter

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Agenda

Notification Bar

Device Mockup

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

modxFastRouter

MODX extra

App Details

Pricing

Check Out the Agenda Widget

App Info

Some of the best Common Ninja extras for MODX

Agenda

Notification Bar

Device Mockup

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine