Tuesday, 12 October 2010 15:44

Setup Control Panel Icons & Toolbar

Want to setup a cool Android style Control Panel? Follow these few simple steps and customize your cpanel for your mobile hompage.

We'll use 2 of Joomla's default mod_mainmenu modules with Menu Images to create these icons

android-icons

Step 1:

Log into your Admin panel on the backend. From there go to Extensions -> Template Manager

Step 2:

Click on tapthemeandroid to edit the TapTheme Android template parameters.

Step 3:

Click On for the Homepage Control Panel option and Save

Enable Homepage

Step 4:

Go to Menus -> Menu Manager and click New to create a new menu

Step 5:

Enter this info:

Unique Name: controlpanel
Title: Control Panel
Description: Control Panel Menu
Module Title: Control Panel Menu

Save

Control Panel Menu

Step 6:

Go to Menus -> Control Panel and create all the menu items you'd like to appear in your mobile cpanel.

Step 7:

While editing a menu item you can select your Menu Image under Parameters (System)

Control Panel Icon Images:

IMPORTANT: Cpanel Icon Images must be square jpg images, 57px x 57px. These images must be uploaded to your images/stories directory. We provide all the images from the demo in your mobile_source.zip Fireworks png file, but you can create any 57x57 jpg image. The image must not include the rounded corners or shine, TapTheme Android does this automatically.

The Demo Site icons are not included. we aren't allowed to redistribute the icons. You can download them for free yourself though. The Android icons are from the Nixus Icon Pack.

Step 8:

Go to Extensions -> Module Manager

Step 9:

Edit Control Panel Menu with the following settings:

Show Title: No
Enabled: Yes
Position: droid-home (if TapTheme Android isn't your default template you MUST type this directly into the select box)
Other Parameters -> Show Menu Images: Yes

Save

Note: For Joomla 1.7 you must create the modules.

Control Menu Config


 

Toolbar Icons Menu

Repeat the steps above for an additional menu. When creating the new menu (step 5) use this info:

Enter this info:

Unique Name: toolbar
Title: Toolbar
Description: Toolbar Menu
Module Title: Toolbar Menu

Toolbar Menu

When creating (step 9) Edit Toolbar Menu with the following settings:

Show Title: No
Enabled: Yes
Position: droid-toolbar (if TapTheme Android isn't your default template you MUST type this directly into the select box)
Other Parameters -> Show Menu Images: Yes

Save

Toolbar Config

Toolbar Icon Images:

IMPORTANT: Cpanel Icon Images must be square jpg images, 32px x 32px. These images must be uploaded to your images/stories directory. We provide all the images from the demo in your mobile_source.zip Fireworks png file, but you can create any 32x32 jpg image. The image must not include the rounded corners or shine, TapTheme Android does this automatically.

The Demo Site icons are not included. we aren't allowed to redistribute the icons. You can download them for free yourself though. The Android icons are from the Mono Icons.


Last modified on Friday, 11 November 2011 20:10