From addd1dea0ca693e1477372c05efcebc42e4f013d Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Tue, 13 Apr 2010 22:20:28 +0000 Subject: [PATCH] ENHANCEMENT Added visual elements to aid in the usability of the WidgetAreaEditor MINOR Added better help text underneath "Available Widgets" and "Widgets currently used" (from r97602) git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@102733 467b73ca-7a2a-4603-9d3b-597d59a354a9 --- css/WidgetAreaEditor.css | 3 ++- images/add-bg.png | Bin 0 -> 777 bytes images/handled-bg.png | Bin 0 -> 9922 bytes templates/WidgetAreaEditor.ss | 4 ++-- 4 files changed, 4 insertions(+), 3 deletions(-) create mode 100644 images/add-bg.png create mode 100644 images/handled-bg.png diff --git a/css/WidgetAreaEditor.css b/css/WidgetAreaEditor.css index d287095b..f5ddbf1a 100644 --- a/css/WidgetAreaEditor.css +++ b/css/WidgetAreaEditor.css @@ -55,12 +55,13 @@ div.availableWidgets div.Widget h3 { color: #fff; line-height: 1.8; text-indent: 5px; - background: #000 url(../images/textures/obar-18.gif); margin: 0; } div.usedWidgets div.Widget h3 { cursor: move; + background: #000 url(../images/handled-bg.png) right top; } div.availableWidgets div.Widget h3 { cursor: pointer; + background: #000 url(../images/add-bg.png) right top; } diff --git a/images/add-bg.png b/images/add-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..72ee947272ec76c3765810ce832183a8ac096db3 GIT binary patch literal 777 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 A9RL6T literal 0 HcmV?d00001 diff --git a/templates/WidgetAreaEditor.ss b/templates/WidgetAreaEditor.ss index d6983eb9..6e3854e7 100644 --- a/templates/WidgetAreaEditor.ss +++ b/templates/WidgetAreaEditor.ss @@ -2,7 +2,7 @@

<% _t('AVAILABLE', 'Available Widgets') %>

-

 

+

<% _t('AVAILWIDGETS', 'Click a widget title below to use it on this page.') %>

<% if AvailableWidgets %> <% control AvailableWidgets %> @@ -17,7 +17,7 @@

<% _t('INUSE', 'Widgets currently used') %>

-

<% _t('TOADD', 'To add widgets, click one on the left to add it here') %>

+

<% _t('TOSORT', 'To sort currently used widgets on this page, drag them up and down.') %>

<% if UsedWidgets %>