Joomla 1.6 UI Development

From Joomla! Documentation

Revision as of 09:28, 8 June 2010 by Severdia (Talk | contribs)

I'm posting here a list of the things I'm working on for the administrator interface. If you want to take something on, just put your name next tot he task. You can post patches on the tracker if it's a bug or just email them to me at

Global Items:

Visual indicator on table filters to show not default is active

Add grey border to calendar icon/remove 1px CSS border

Check styling of error messages throughout

Make icon for saving order consistent with Save icons elsewhere

Confirm dropdown (not radio buttons) is used for all 3+ options

Add nowrap to required asterisk style

Vertically center lock for checked out items

Add CSS for disabling toolbar icons in areas where they don't apply

More testing on wrapping labels (long words for translations)

Create inactive icon for filesave icon (filesave.png--make like toolbar icons in single file)

Control Panel:

Reorder status modules

Remove Language Manager & Config icons

Components Menu:

Reorder Redirect component above Search component

All Modal Popups:

Language cleanup

Width sizing (please see

Title/description cleanup

Permission styles (spacing, depth indicators, etc.)

Global Configuration:

Save & Save/Close icons

Global check-in icon: square checkmark, adjust gradient


Redo icons for


Save & Close

Save & New

Save as Copy

User Manager:

Add new user, save, save & close, save & new, save as copy

Check in

Extension Manager toolbar icons

Module Manager- duplicate icon

Fix missing colons on top filters

Fix gradient strength in Access Levels header icon

Add depth indicator (mootools accordion nesting?)

Fix Delete icon (right edge of red circle cut off)

Fix level indicator for Access Levels


Resolve menu items submenu

Article Permissions Panel:

Changing dropdown should use AJAX/JS to calculate Current state image

Edit groups & Reset to Inherit buttons not working

Global Configuration/Permissions:

Fix description

Add depth indicator (mootools accordion nesting?)


Fix title

Subject field same length as message field (both wider)

Replace jagged Send E-mail button

Remove Options toolbar button from Massmail?

Menu Manager

Remove bullets from Modules column, replace with 16x16 module icons

Batch Box- Add boxes around each type of process, make side by side?

Clean up Edit Menu Item Module Assignments modal

Synchronize Select buttons

Hide Basic Options panel for menu items with no basic options

Verify all menu item types have correct panel groupings (correct items in right accordion panels)

Category Manager:

Missing batch process

Missing Move & Copy icons in toolbar

Remove "Articles" from header

Edit Category:

Move Language & Note fields to Basic Options panel

Article Manager:

Remove crud from editor-xtd buttons

Move Language field to Article Options panel

Missing batch process

Missing Move & Copy icons in toolbar

Fix spacing between pagination buttons, consistent size of active/inactive

Align center pagination in IE

Media Manager:

Center images in boxes (thumbnail view)

Update delete buttons (detail view)


Sticky icon

Edit Banner:

Move URL above description field and extend width

Edit Client:

Change to 60/40 layout

Edit Contact:

Change to 60/40 layout

Fix Contact Form accordion panel

Contact Category:

New icon

Private Message:

New Message: Reduce drop shadow on header icon

Change the Change User button to Select User

New button for Send, mark as read, mark as unread

Newsfeed Manager:

Edit Newsfeed: change header to Edit Newsfeed

Publishing Options: change the Change User button to Select User

Edit Category: Move language dropdown to Basic Options panel

Search Manager:

Create CSS button for Show Search Results

Style "Gathering Statistics" indicator


Weblinks & Weblinks category: fix drop shadow in icon header

Edit Category: Move language dropdown to Basic Options panel

Edit Weblink:

Change the Change User button to Select User

Change Options panel to Basic Options

Change Metadata panel to Metadata Options

Extension Manager:

Install: Increase vertical space between forms

Manage: Fix position of filter checkbox, change "folder" column to "Plug-in Type"

Update/Warnings: Increase spacing above so notice is centered

Discover: Consistent style with others, make "discover" an active link

Update/Discover: New toolbar icons for Install,

Change Purge Cache to Clear Cache in toolbars

Module Manager:

New Duplicate Icon

Template Manager:

New icon for Assigned

Update icon & screenshot for BlueStork

Language Manager:

Change Filter Type to Filter Location

Reduce width of Search box, change to Filter

Plug-in Manager:

Fix layout of OpenID Basic options panel

TinyMCE- Clean up Basic Options panel, remove HR tags

System - Debug- Fix Language Options panel

User-Contact Creator: Fix Basic Options panel

IE Fixes:

Fix left edge of header lines

Global Config/System Info not showing tab on load (error on JS)

Fix white pace outside of fieldset at top

Adjust width of ordering fields in Access Levels, Article Manager, etc.

Edit Menu Item: Change Secure in Metadata Options to dropdown

Admin login page: left align dropdown with other fields

Remove outlines on clicking

Media Manager: remove scrollbars (adjust cell widths)