CMS MADE SIMPLE FORGE

CMS Made Simple Core

 
Back Back to List

[#8038] I've made Image Manager full width

avatar
Created By: Tann San (Tann San)
Date Submitted: 2012-06-12 07:17

Assigned To:
Resolution: Won't Fix
State: Closed
Summary:
I've made Image Manager full width
Detailed Description:
I changed the 3 core files:

/lib/filemanager/ImageManager/image.php
/lib/filemanager/ImageManager/assets/imagelist.css
/lib/filemanager/ImageManager/assets/manager.css

The original Image Manager uses a 5 column table to lay out the thumbnails. 
This left alot of room on the right hand side with larger displays and my
clients are always asking me why the images tile incorrectly, not realising that
is as intended.

I switch from using tables to using inline-block divs.  It now expands all the
way to the right hand side and wraps around.  The divs have a fixed height
although the width is flexible to support long titles.  The titles do not wrap
to help preverse vertical spacing.  The thumbnails are centered above the
titles.  I've tested this personally on IE9 and FF12 and I've had it tested
remotely using the latest Safari by somebody else although I haven't seen it
myself.

The changes have been made the the 1.10.3 version.  I hosted the zipped changed
files and screenshots on one of my test domains:

http://www.ninethree.co.uk/uploads/cms-forge/fullscreen-image-manager/full-width.jpg
http://www.ninethree.co.uk/uploads/cms-forge/fullscreen-image-manager/long-names.jpg
http://www.ninethree.co.uk/uploads/cms-forge/fullscreen-image-manager/scrollable.jpg
http://www.ninethree.co.uk/uploads/cms-forge/fullscreen-image-manager/FullWidthImageManager.zip

History

Comments
avatar 
Date: 2012-06-12 09:33
Posted By: Robert Campbell (calguy1000)

Image manager is slated to be removed after CMSMS 1.11 and its functionality
merged with Filemanager.
avatar 
Date: 2012-06-12 11:43
Posted By: Tann San (Tann San)

oooo that's good to know, thank you for the update.
Updates

Updated: 2012-06-12 13:55
state: Open => Closed

Updated: 2012-06-12 09:33
resolution_id: => 8