tonyair
/
silverstripe-cms
mirror of https://github.com/silverstripe/silverstripe-cms
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

MINOR Added better help text underneath "Available Widgets" and "Widgets currently used"


git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/branches/2.4@97602 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Sean Harvey 2010-01-26 20:54:33 +00:00 committed by Sam Minnee
parent 5a071b4ef6
commit e9cd3eba62
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 %>