Actions

Difference between revisions of "Joomla 1.6 UI Development"

From Joomla! Documentation

(New page: 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 tra...)
 
Line 1: Line 1:
 
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.  
 
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:'''
 
'''Global Items:'''
 +
 
Visual indicator on table filters to show not default is active
 
Visual indicator on table filters to show not default is active
 +
 
Add grey border to calendar icon/remove 1px CSS border
 
Add grey border to calendar icon/remove 1px CSS border
 +
 
Check styling of error messages throughout
 
Check styling of error messages throughout
 +
 
Make icon for saving order consistent with Save icons elsewhere
 
Make icon for saving order consistent with Save icons elsewhere
 +
 
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
 
Add nowrap to required asterisk style
 +
 
Vertically center lock for checked out items
 
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
 +
 
More testing on wrapping labels (long words for translations)
 
More testing on wrapping labels (long words for translations)
 +
 +
  
 
'''Control Panel:'''
 
'''Control Panel:'''
 +
 
Reorder status modules
 
Reorder status modules
 +
 
Remove Language Manager & Config icons
 
Remove Language Manager & Config icons
 +
 +
  
 
'''Components Menu:'''
 
'''Components Menu:'''
 +
 
Reorder Redirect component above Search component
 
Reorder Redirect component above Search component
 +
 +
  
 
'''All Modal Popups:'''
 
'''All Modal Popups:'''
 +
 
Language cleanup
 
Language cleanup
 +
 
Width sizing
 
Width sizing
 +
 
Title/description cleanup
 
Title/description cleanup
 +
 
Permission styles (spacing, depth indicators, etc.)
 
Permission styles (spacing, depth indicators, etc.)
 +
 +
  
 
'''Global Configuration:'''
 
'''Global Configuration:'''
 +
 
Save & Save/Close icons
 
Save & Save/Close icons
 +
 
Global check-in icon: square checkmark, adjust gradient
 
Global check-in icon: square checkmark, adjust gradient
 +
 +
  
 
'''Toolbars:'''
 
'''Toolbars:'''
 +
 
Redo icons for
 
Redo icons for
 +
 
Save/Apply
 
Save/Apply
 +
 
Save & Close
 
Save & Close
 +
 
Save & New
 
Save & New
 +
 
Save as Copy
 
Save as Copy
 +
 +
  
 
'''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
 +
 
Check in
 
Check in
 +
 
Extension Manager toolbar icons
 
Extension Manager toolbar icons
 +
 
Module Manager- duplicate icon
 
Module Manager- duplicate icon
 +
 
Fix missing colons on top filters
 
Fix missing colons on top filters
 +
 
Fix gradient strength in Access Levels header icon
 
Fix gradient strength in Access Levels header icon
 +
 
Add depth indicator (mootools accordion nesting?)
 
Add depth indicator (mootools accordion nesting?)
 +
 
Fix Delete icon (right edge of red circle cut off)
 
Fix Delete icon (right edge of red circle cut off)
 +
 
Fix level indicator for Access Levels
 
Fix level indicator for Access Levels
 +
 +
  
 
'''Usability:'''
 
'''Usability:'''
 +
 
Resolve menu items submenu
 
Resolve menu items submenu
 +
 +
  
 
'''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
 +
 
Edit groups & Reset to Inherit buttons not working
 
Edit groups & Reset to Inherit buttons not working
 +
 +
  
 
'''Global Configuration/Permissions:'''
 
'''Global Configuration/Permissions:'''
 +
 
Fix description
 
Fix description
 +
 
Add depth indicator (mootools accordion nesting?)
 
Add depth indicator (mootools accordion nesting?)
 +
 +
  
 
'''Massmail:'''
 
'''Massmail:'''
 +
 
Fix title
 
Fix title
 +
 
Subject field same length as message field (both wider)
 
Subject field same length as message field (both wider)
 +
 
Replace jagged Send E-mail button
 
Replace jagged Send E-mail button
 +
 
Remove Options toolbar button from Massmail?
 
Remove Options toolbar button from Massmail?
 +
 +
  
 
'''Menu Manager'''
 
'''Menu Manager'''
 +
 
Remove bullets from Modules column, replace with 16x16 module icons
 
Remove bullets from Modules column, replace with 16x16 module icons
 +
 
Batch Box- Add boxes around each type of process, make side by side?
 
Batch Box- Add boxes around each type of process, make side by side?
 +
 
Clean up Edit Menu Item Module Assignments modal
 
Clean up Edit Menu Item Module Assignments modal
 +
 
Synchronize Select buttons  
 
Synchronize Select buttons  
 +
 
Hide Basic Options panel for menu items with no basic options
 
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)
 
Verify all menu item types have correct panel groupings (correct items in right accordion panels)
 +
 +
  
 
'''Category Manager:'''
 
'''Category Manager:'''
 +
 
Missing batch process
 
Missing batch process
 +
 
Missing Move & Copy icons in toolbar
 
Missing Move & Copy icons in toolbar
 +
 
Remove "Articles" from header
 
Remove "Articles" from header
 +
 +
  
 
'''Edit Category:'''
 
'''Edit Category:'''
 +
 
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
 +
 
Move Language field to Article Options panel
 
Move Language field to Article Options panel
 +
 
Missing batch process
 
Missing batch process
 +
 
Missing Move & Copy icons in toolbar
 
Missing Move & Copy icons in toolbar
 +
 
Fix spacing between pagination buttons, consistent size of active/inactive
 
Fix spacing between pagination buttons, consistent size of active/inactive
 +
 
Align center pagination in IE
 
Align center pagination in IE
 +
 +
  
 
'''Media Manager:'''
 
'''Media Manager:'''
 +
 
Center images in boxes (thumbnail view)
 
Center images in boxes (thumbnail view)
 +
 
Update delete buttons (detail view)
 
Update delete buttons (detail view)
 +
 +
  
 
'''Banners:'''
 
'''Banners:'''
 +
 
Sticky icon
 
Sticky icon
 +
 +
  
 
'''Edit Banner:'''
 
'''Edit Banner:'''
 +
 
Move URL above description field and extend width
 
Move URL above description field and extend width
 +
 +
  
 
'''Edit Client:'''
 
'''Edit Client:'''
 +
 
Change to 60/40 layout
 
Change to 60/40 layout
 +
 +
  
 
'''Edit Contact:'''
 
'''Edit Contact:'''
 +
 
Change to 60/40 layout
 
Change to 60/40 layout
 +
 
Fix Contact Form accordion panel
 
Fix Contact Form accordion panel
 +
 +
  
 
'''Contact Category:'''  
 
'''Contact Category:'''  
 +
 
New icon
 
New icon
 +
 +
  
 
'''Private Message:'''
 
'''Private Message:'''
 +
 
New Message: Reduce drop shadow on header icon
 
New Message: Reduce drop shadow on header icon
 +
 
Change the Change User button to Select User
 
Change the Change User button to Select User
 +
 
New button for Send, mark as read, mark as unread
 
New button for Send, mark as read, mark as unread
 +
 +
  
 
'''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
 
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
 +
 
Style "Gathering Statistics" indicator
 
Style "Gathering Statistics" indicator
 +
 +
  
 
'''Weblinks:'''
 
'''Weblinks:'''
 +
 
Weblinks & Weblinks category: fix drop shadow in icon header
 
Weblinks & Weblinks category: fix drop shadow in icon header
 +
 
Edit Category: Move language dropdown to Basic Options panel
 
Edit Category: Move language dropdown to Basic Options panel
 +
 +
  
 
'''Edit Weblink:'''
 
'''Edit Weblink:'''
 +
 
Change the Change User button to Select User
 
Change the Change User button to Select User
 +
 
Change Options panel to Basic Options
 
Change Options panel to Basic Options
 +
 
Change Metadata panel to Metadata Options
 
Change Metadata panel to Metadata Options
 +
 +
  
 
'''Extension Manager:'''
 
'''Extension Manager:'''
 +
 
Install: Increase vertical space between forms
 
Install: Increase vertical space between forms
 +
 
Manage: Fix position of filter checkbox, change "folder" column to "Plug-in Type"
 
Manage: Fix position of filter checkbox, change "folder" column to "Plug-in Type"
 +
 
Update/Warnings: Increase spacing above so notice is centered
 
Update/Warnings: Increase spacing above so notice is centered
 +
 
Discover: Consistent style with others, make "discover" an active link
 
Discover: Consistent style with others, make "discover" an active link
 +
 
Update/Discover: New toolbar icons for Install,  
 
Update/Discover: New toolbar icons for Install,  
 +
 
Change Purge Cache to Clear Cache in toolbars
 
Change Purge Cache to Clear Cache in toolbars
 +
 +
  
 
'''Module Manager:'''
 
'''Module Manager:'''
 +
 
New Duplicate Icon
 
New Duplicate Icon
 +
 +
  
 
'''Template Manager:'''
 
'''Template Manager:'''
 +
 
New icon for Assigned
 
New icon for Assigned
 +
 
Update icon & screenshot for BlueStork
 
Update icon & screenshot for BlueStork
 +
 +
  
 
'''Language Manager:'''
 
'''Language Manager:'''
 +
 
Change Filter Type to Filter Location
 
Change Filter Type to Filter Location
 +
 
Reduce width of Search box, change to Filter
 
Reduce width of Search box, change to Filter
 +
 +
  
 
'''Plug-in Manager:'''
 
'''Plug-in Manager:'''
 +
 
Fix layout of OpenID Basic options panel
 
Fix layout of OpenID Basic options panel
 +
 
TinyMCE- Clean up Basic Options panel, remove HR tags
 
TinyMCE- Clean up Basic Options panel, remove HR tags
 +
 
System - Debug- Fix Language Options panel
 
System - Debug- Fix Language Options panel
 +
 
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
 +
 
Global Config/System Info not showing tab on load (error on JS)
 
Global Config/System Info not showing tab on load (error on JS)
 +
 
Fix white pace outside of fieldset at top
 
Fix white pace outside of fieldset at top
 +
 
Adjust width of ordering fields in Access Levels, Article Manager, etc.
 
Adjust width of ordering fields in Access Levels, Article Manager, etc.
 +
 
Edit Menu Item: Change Secure in Metadata Options to dropdown
 
Edit Menu Item: Change Secure in Metadata Options to dropdown
 +
 
Admin login page: left align dropdown with other fields
 
Admin login page: left align dropdown with other fields
 +
 
Remove outlines on clicking
 
Remove outlines on clicking
 +
 
Media Manager: remove scrollbars (adjust cell widths)
 
Media Manager: remove scrollbars (adjust cell widths)

Revision as of 21:42, 6 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)


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

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

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)


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

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)