Difference between revisions of "Joomla 1.6 UI Development"

From Joomla! Documentation

(→‎Plug-in Manager:: OpenID removed)
 
(32 intermediate revisions by 5 users not shown)
Line 3: Line 3:
  
  
'''Global Items:'''
+
==Global Items:==
  
 
Visual indicator on table filters to show not default is active
 
Visual indicator on table filters to show not default is active
Line 14: Line 14:
  
 
Confirm dropdown (not radio buttons) is used for all 3+ options
 
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
 
Add CSS for disabling toolbar icons in areas where they don't apply
Line 23: Line 19:
 
More testing on wrapping labels (long words for translations)
 
More testing on wrapping labels (long words for translations)
  
 +
Resolve JForm issue for ordering fields (dropdown vs. information text)
  
 
+
==Control Panel:==
'''Control Panel:'''
 
  
 
Reorder status modules
 
Reorder status modules
  
Remove Language Manager & Config icons
+
==Components Menu:==
  
 
+
==All Modal Popups:==
 
 
'''Components Menu:'''
 
 
 
Reorder Redirect component above Search component
 
 
 
 
 
 
 
'''All Modal Popups:'''
 
  
 
Language cleanup
 
Language cleanup
 
Width sizing
 
  
 
Title/description cleanup
 
Title/description cleanup
Line 49: Line 35:
 
Permission styles (spacing, depth indicators, etc.)
 
Permission styles (spacing, depth indicators, etc.)
  
 
+
==Global Configuration:==
 
 
'''Global Configuration:'''
 
  
 
Save & Save/Close icons
 
Save & Save/Close icons
Line 59: Line 43:
  
  
'''Toolbars:'''
+
==Toolbars:==
  
 
Redo icons for
 
Redo icons for
Line 73: Line 57:
  
  
'''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 95: Line 79:
  
  
'''Usability:'''
+
==Usability:==
  
 
Resolve menu items submenu
 
Resolve menu items submenu
Line 101: Line 85:
  
  
'''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 109: Line 93:
  
  
'''Global Configuration/Permissions:'''
+
==Global Configuration/Permissions:==
  
 
Fix description
 
Fix description
Line 117: Line 101:
  
  
'''Massmail:'''
+
==Massmail:==
  
Fix title
+
''Fix title (Babs)''
  
Subject field same length as message field (both wider)
+
Subject field same length as message field (both wider) (Babs)
  
 
Replace jagged Send E-mail button
 
Replace jagged Send E-mail button
  
Remove Options toolbar button from Massmail?
+
''Remove Options toolbar button from Massmail? (Babs -> I agree, commented it out so you can change your mind)''
 
 
 
 
  
'''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 145: Line 127:
  
  
'''Category Manager:'''
+
==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)''
 
 
Remove "Articles" from header
 
  
  
Line 159: Line 137:
 
Move Language & Note fields to Basic Options panel
 
Move Language & Note fields to Basic Options panel
  
 
+
==Article Manager:==
 
 
'''Article Manager:'''
 
  
 
Remove crud from editor-xtd buttons
 
Remove crud from editor-xtd buttons
Line 177: Line 153:
  
  
'''Media Manager:'''
+
==Media Manager:==
  
 
Center images in boxes (thumbnail view)
 
Center images in boxes (thumbnail view)
Line 183: Line 159:
 
Update delete buttons (detail view)
 
Update delete buttons (detail view)
  
 +
Color indicator on active tab in Media Manager
  
 
+
==Banners:==
'''Banners:'''
 
  
 
Sticky icon
 
Sticky icon
Line 191: Line 167:
  
  
'''Edit Banner:'''
+
==Edit Banner:==
 
 
Move URL above description field and extend width
 
 
 
 
 
  
'''Edit Client:'''
+
==Edit Client:==
  
Change to 60/40 layout
+
==Edit Contact:==
 
 
 
 
 
 
'''Edit Contact:'''
 
 
 
Change to 60/40 layout
 
  
 
Fix Contact Form accordion panel
 
Fix Contact Form accordion panel
  
 
+
==Contact Category:==
 
 
'''Contact Category:'''
 
  
 
New icon
 
New icon
Line 217: Line 181:
  
  
'''Private Message:'''
+
==Private Message:==
  
 
New Message: Reduce drop shadow on header icon
 
New Message: Reduce drop shadow on header icon
Line 227: Line 191:
  
  
'''Newsfeed Manager:'''
+
==Newsfeed Manager:==
  
 
Edit Newsfeed: change header to Edit Newsfeed
 
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
 
Edit Category: Move language dropdown to Basic Options panel
  
 
+
==Search Manager:==
 
 
'''Search Manager:'''
 
  
 
Create CSS button for Show Search Results
 
Create CSS button for Show Search Results
Line 245: Line 205:
  
  
'''Weblinks:'''
+
==Weblinks:==
  
Weblinks & Weblinks category: fix drop shadow in icon header
+
==Edit Weblink:==
  
Edit Category: Move language dropdown to Basic Options panel
+
==Extension Manager:==
 
 
 
 
 
 
'''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
 
Install: Increase vertical space between forms
Line 279: Line 225:
  
  
'''Module Manager:'''
+
==Module Manager:==
  
 
New Duplicate Icon
 
New Duplicate Icon
Line 285: Line 231:
  
  
'''Template Manager:'''
+
==Template Manager:==
  
 
New icon for Assigned
 
New icon for Assigned
Line 293: Line 239:
  
  
'''Language Manager:'''
+
==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
+
==Plug-in Manager:==
  
 
TinyMCE- Clean up Basic Options panel, remove HR tags
 
TinyMCE- Clean up Basic Options panel, remove HR tags
Line 311: Line 249:
 
User-Contact Creator: Fix Basic Options panel
 
User-Contact Creator: Fix Basic Options panel
  
 
+
==IE Fixes:==
 
 
'''IE Fixes:'''
 
  
 
Fix left edge of header lines
 
Fix left edge of header lines

Latest revision as of 05:50, 12 November 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:[edit]

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 CSS for disabling toolbar icons in areas where they don't apply

More testing on wrapping labels (long words for translations)

Resolve JForm issue for ordering fields (dropdown vs. information text)

Control Panel:[edit]

Reorder status modules

Components Menu:[edit]

All Modal Popups:[edit]

Language cleanup

Title/description cleanup

Permission styles (spacing, depth indicators, etc.)

Global Configuration:[edit]

Save & Save/Close icons

Global check-in icon: square checkmark, adjust gradient


Toolbars:[edit]

Redo icons for

Save/Apply

Save & Close

Save & New

Save as Copy


User Manager:[edit]

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:[edit]

Resolve menu items submenu


Article Permissions Panel:[edit]

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

Edit groups & Reset to Inherit buttons not working


Global Configuration/Permissions:[edit]

Fix description

Add depth indicator (mootools accordion nesting?)


Massmail:[edit]

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[edit]

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:[edit]

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:[edit]

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:[edit]

Center images in boxes (thumbnail view)

Update delete buttons (detail view)

Color indicator on active tab in Media Manager

Banners:[edit]

Sticky icon


Edit Banner:[edit]

Edit Client:[edit]

Edit Contact:[edit]

Fix Contact Form accordion panel

Contact Category:[edit]

New icon


Private Message:[edit]

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]

Edit Newsfeed: change header to Edit Newsfeed

Edit Category: Move language dropdown to Basic Options panel

Search Manager:[edit]

Create CSS button for Show Search Results

Style "Gathering Statistics" indicator


Weblinks:[edit]

Edit Weblink:[edit]

Extension Manager:[edit]

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:[edit]

New Duplicate Icon


Template Manager:[edit]

New icon for Assigned

Update icon & screenshot for BlueStork


Language Manager:[edit]

Plug-in Manager:[edit]

TinyMCE- Clean up Basic Options panel, remove HR tags

System - Debug- Fix Language Options panel

User-Contact Creator: Fix Basic Options panel

IE Fixes:[edit]

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)