tonyair/silverstripe-cms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-cms synced 2024-10-22 08:05:56 +02:00
Code Issues Projects Releases Wiki Activity

ENHANCEMENT Added visual elements to aid in the usability of the WidgetAreaEditor

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/WidgetAreaEditor.css
View File

@ -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;
}

BIN
images/add-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 777 B

BIN
images/handled-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

4
templates/WidgetAreaEditor.ss
View File

@ -2,7 +2,7 @@
<input type="hidden" id="$Name" name="$IdxField" value="$Value" />
<div class="availableWidgetsHolder">
<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">
<% if AvailableWidgets %>
<% control AvailableWidgets %>
@ -17,7 +17,7 @@
</div>
<div class="usedWidgetsHolder">
<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">
<% if UsedWidgets %>