Joomla 1.6 UI Development: Difference between revisions

From Joomla! Documentation

Macsimice (talk | contribs)
No edit summary
Macsimice (talk | contribs)
mNo edit summary
Line 35: Line 35:




'''Components Menu:'''
==Components Menu:==


Reorder Redirect component above Search component
Reorder Redirect component above Search component
Line 41: Line 41:




'''All Modal Popups:'''
==All Modal Popups:==


Language cleanup
Language cleanup
Line 54: Line 54:




'''Global Configuration:'''
==Global Configuration:==


Save & Save/Close icons
Save & Save/Close icons
Line 62: Line 62:




'''Toolbars:'''
==Toolbars:==


Redo icons for
Redo icons for
Line 76: Line 76:




'''User Manager:'''
==User Manager:==


Add new user, save, save & close, save & new, save as copy
Add new user, save, save & close, save & new, save as copy
Line 98: Line 98:




'''Usability:'''
==Usability:==


Resolve menu items submenu
Resolve menu items submenu
Line 104: Line 104:




'''Article Permissions Panel:'''
==Article Permissions Panel:==


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




'''Global Configuration/Permissions:'''
==Global Configuration/Permissions:==


Fix description
Fix description
Line 120: Line 120:




'''Massmail:'''
==Massmail:==


Fix title (Babs)
Fix title (Babs)
Line 132: Line 132:




'''Menu Manager'''
==Menu Manager==


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




'''Category Manager:'''
==Category Manager:==


Missing batch process
Missing batch process
Line 164: Line 164:




'''Article Manager:'''
==Article Manager:==


Remove crud from editor-xtd buttons
Remove crud from editor-xtd buttons
Line 180: Line 180:




'''Media Manager:'''
==Media Manager:==


Center images in boxes (thumbnail view)
Center images in boxes (thumbnail view)
Line 188: Line 188:




'''Banners:'''
==Banners:==


Sticky icon
Sticky icon
Line 194: Line 194:




'''Edit Banner:'''
==Edit Banner:==


Move URL above description field and extend width
Move URL above description field and extend width
Line 200: Line 200:




'''Edit Client:'''
==Edit Client:==


Change to 60/40 layout
Change to 60/40 layout
Line 206: Line 206:




'''Edit Contact:'''
==Edit Contact:==


Change to 60/40 layout
Change to 60/40 layout
Line 214: Line 214:




'''Contact Category:'''
==Contact Category:==


New icon
New icon
Line 220: Line 220:




'''Private Message:'''
==Private Message:==


New Message: Reduce drop shadow on header icon
New Message: Reduce drop shadow on header icon
Line 230: Line 230:




'''Newsfeed Manager:'''
==Newsfeed Manager:==


Edit Newsfeed: change header to Edit Newsfeed
Edit Newsfeed: change header to Edit Newsfeed
Line 240: Line 240:




'''Search Manager:'''
==Search Manager:==


Create CSS button for Show Search Results
Create CSS button for Show Search Results
Line 248: Line 248:




'''Weblinks:'''
==Weblinks:==


Weblinks & Weblinks category: fix drop shadow in icon header
Weblinks & Weblinks category: fix drop shadow in icon header
Line 256: Line 256:




'''Edit Weblink:'''
==Edit Weblink:==


Change the Change User button to Select User
Change the Change User button to Select User
Line 266: Line 266:




'''Extension Manager:'''
==Extension Manager:==


Install: Increase vertical space between forms
Install: Increase vertical space between forms
Line 282: Line 282:




'''Module Manager:'''
==Module Manager:==


New Duplicate Icon
New Duplicate Icon
Line 288: Line 288:




'''Template Manager:'''
==Template Manager:==


New icon for Assigned
New icon for Assigned
Line 296: Line 296:




'''Language Manager:'''
==Language Manager:==


''Change Filter Type to Filter Location (Babs)''
''Change Filter Type to Filter Location (Babs)''
Line 304: Line 304:




'''Plug-in Manager:'''
==Plug-in Manager:==


Fix layout of OpenID Basic options panel
Fix layout of OpenID Basic options panel
Line 316: Line 316:




'''IE Fixes:'''
==IE Fixes:==


Fix left edge of header lines
Fix left edge of header lines

Revision as of 19:58, 8 June 2010

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 ron.severdia@joomla.org.


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 http://joomlacode.org/gf/project/joomla/tracker/?action=TrackerItemEdit&tracker_item_id=20868)

Title/description cleanup

Permission styles (spacing, depth indicators, etc.)


Global Configuration:

Save & Save/Close icons

Global check-in icon: square checkmark, adjust gradient


Toolbars:

Redo icons for

Save/Apply

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


Usability:

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?)


Massmail:

Fix title (Babs)

Subject field same length as message field (both wider) (Babs)

Replace jagged Send E-mail button

Remove Options toolbar button from Massmail? (Babs -> I agree, commented it out so you can change your mind)


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 (Babs -> made it conditional so it still reflects other components like Weblinks)


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)


Banners:

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 & 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 (Babs)

Reduce width of Search box, change to Filter (Babs)


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)