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
This commit is contained in:
Ingo Schommer 2010-04-13 22:20:28 +00:00
parent ca2cfe106f
commit addd1dea0c
4 changed files with 4 additions and 3 deletions

View File

@ -55,12 +55,13 @@ div.availableWidgets div.Widget h3 {
color: #fff; color: #fff;
line-height: 1.8; line-height: 1.8;
text-indent: 5px; text-indent: 5px;
background: #000 url(../images/textures/obar-18.gif);
margin: 0; margin: 0;
} }
div.usedWidgets div.Widget h3 { div.usedWidgets div.Widget h3 {
cursor: move; cursor: move;
background: #000 url(../images/handled-bg.png) right top;
} }
div.availableWidgets div.Widget h3 { div.availableWidgets div.Widget h3 {
cursor: pointer; cursor: pointer;
background: #000 url(../images/add-bg.png) right top;
} }

BIN
images/add-bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 777 B

BIN
images/handled-bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

View File

@ -2,7 +2,7 @@
<input type="hidden" id="$Name" name="$IdxField" value="$Value" /> <input type="hidden" id="$Name" name="$IdxField" value="$Value" />
<div class="availableWidgetsHolder"> <div class="availableWidgetsHolder">
<h2><% _t('AVAILABLE', 'Available Widgets') %></h2> <h2><% _t('AVAILABLE', 'Available Widgets') %></h2>
<p>&nbsp;</p> <p><% _t('AVAILWIDGETS', 'Click a widget title below to use it on this page.') %></p>
<div class="availableWidgets" id="availableWidgets-$Name"> <div class="availableWidgets" id="availableWidgets-$Name">
<% if AvailableWidgets %> <% if AvailableWidgets %>
<% control AvailableWidgets %> <% control AvailableWidgets %>
@ -17,7 +17,7 @@
</div> </div>
<div class="usedWidgetsHolder"> <div class="usedWidgetsHolder">
<h2><% _t('INUSE', 'Widgets currently used') %></h2> <h2><% _t('INUSE', 'Widgets currently used') %></h2>
<p><% _t('TOADD', 'To add widgets, click one on the left to add it here') %></p> <p><% _t('TOSORT', 'To sort currently used widgets on this page, drag them up and down.') %></p>
<div class="usedWidgets" id="usedWidgets-$Name"> <div class="usedWidgets" id="usedWidgets-$Name">
<% if UsedWidgets %> <% if UsedWidgets %>