Made to Order Software Corporation - CuteMenu

Grouping items in a Cute Menu dropdown

Alexis Wilke — Tue, 08 Jun 2010 00:12:05 +0000

CuteMenu Title

Cutemenu Overview

Alexis Wilke — Wed, 30 Sep 2009 00:05:21 +0000

Introduction

The Cute Menu Drupal Module is used to create advanced dropdown menus. The module is free and can be found on the Drupal website.

The list of items can be grouped under a title. The title is a menu entry which cannot be clicked on.

The dropdown panes can include a header and a footer with images and text.

Note that to make full use of the Cute Menu capabilities, you will be required to write your own CSS to make it look the way you want it to look in your theme.

CuteMenu To Do List

Alexis Wilke — Sun, 28 Jun 2009 04:22:26 +0000

There are probably many things that could be done on this module. This is a short list for now:

CuteMenu Common Problems

Alexis Wilke — Sun, 28 Jun 2009 02:34:51 +0000

WYSIWYG Editors

If you are using a WYSIWYG editor, it is not unlikely to add a <p> tag at the bottom with a   character to make sure that you can place your cursor on that last line. The problem with that is it also adds a lot of space at the bottom of your header and footer in the CuteMenu.

The best is to turn off your WYSIWYG editor whenever you edit these nodes. Since only the administrator is likely to change the header and footer of the menus, it should be just fine.

Cute Menu Basic usage

Alexis Wilke — Sun, 28 Jun 2009 01:10:25 +0000

Global Settings

CuteMenu has no global settings under the Administer » Site configuration. Instead, the settings are localized in the block and the menu items.

Example of Cute Menu usage

Alexis Wilke — Sun, 28 Jun 2009 01:05:06 +0000

Example of usage

The Turn Watcher website, a commercial product by Made to Order Software, now uses the CuteMenu module in two places:

The main top-bar menu: Turn Watcher
The User Guide navigation menu: Turn Watcher User Guide
The main top-bar menu: Linux Geek Page
The main top-bar menu: GP Digital Office Solutions
The main top-bar menu MORE...: Order Made!®

In Turn Watcher, I removed the default background from the top CuteMenu items. The top bar menu is pretty standard and shows as a nice drop-down, the User Guide has two cool features: it is right

CuteMenu Installation & Uninstallation

Alexis Wilke — Sun, 28 Jun 2009 00:58:48 +0000

Installation

CuteMenu can be installed like any other Drupal modules. Extract the tar ball in sites/all/modules. The module makes use of two tables in your database. If you do not want to use it anymore, make sure to Uninstall it before deleting the files or you will still have the tables hanging.

Go to Administer » Building site » Modules to select the module so you can use it.

Adding a header & footer in a Cute Menu dropdown

Alexis Wilke — Sat, 27 Jun 2009 21:14:52 +0000

Image & text at the top and bottom

The Cute Menu Module is all about making your menu look cute... This is achieved, in part, by the nice top bar, and a gradient in your dropdown. But what makes it even better are the images that you can make appear inside your menus.

There are two areas for that purpose: the Header and the Footer. Both are handled the same way, it is just a flag in your menu item that changes between one and the other.