mujma: BUGFIX: Switched divs to tables, added namespaces, solved ticket http://support.silverstripe.com/gsoc/ticket/110 (merged from gsoc branch, r42792)

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@42985 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Andrew O'Neil 2007-10-02 23:03:46 +00:00
parent c7231c6935
commit 4d9e93460d
2 changed files with 86 additions and 42 deletions

View File

@ -72,3 +72,48 @@ form fieldset {
float: right;
}
/* Pagination */
ComplexTableField_Pagination {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
#ComplexTableField_Pagination a {
font-size: 14px;
width: 1px;
height: 1px;
margin: 1px;
}
#ComplexTableField_Pagination span {
display: inline;
color: red;
font-size: 14px;
}
#ComplexTableField_Pagination div {
display: inline;
}
#ComplexTableField_Pagination_Next a,#ComplexTableField_Pagination_Previous a {
text-decoration: none;
}
#ComplexTableField_Pagination_Next a div {
position: relative;
left: -20px;
}
#ComplexTableField_Pagination_Next a img {
position: relative;
top: -15px;
left: 5px;
}
#ComplexTableField_Pagination_Previous a img {
position: relative;
top: -15px;
left: 35px;
}

View File

@ -1,45 +1,44 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<% base_tag %>
</head>
<body>
<div class="right $PopupClasses">
$DetailForm
<img src="cms/images/network-save.gif" class="ajaxloader" style="display: none" />
</div>
<% if IsAddMode %>
<% else %>
<% if ShowPagination %>
<div id="Pagination">
<% if PopupPrevLink %>
<div id="Pagination_Previous">
<a href="$PopupPrevLink"><img src="cms/images/pagination/previousArrow.png" /></a>
<a href="$PopupPrevLink"><div>Previous</div></a>
</div>
<% end_if %>
<% if TotalCount == 1 %>
<% else %>
<% control pagination %>
<% if active %>
<a href="$link">$number</a>
<% else %>
<span>$number</span>
<% end_if %>
<% end_control %>
<% end_if %>
<% if PopupNextLink %>
<div id="Pagination_Next">
<a href="$PopupNextLink"><img src="cms/images/pagination/nextArrow.png" /></a>
<a href="$PopupNextLink"><div>Next</div></a>
</div>
<% end_if %>
<% end_if %>
<% end_if %>
<script type="text/javascript">
divQ = $('Pagination').getElementsByTagName('div').length;
aQ = $('Pagination').getElementsByTagName('a').length - divQ + 1;
$('Pagination').style.width = aQ * 15 + 130 + "px";
</script>
</body>
<head>
<% base_tag %>
</head>
<body>
<div class="right $PopupClasses">
$DetailForm
<img src="cms/images/network-save.gif" class="ajaxloader" style="display: none" />
</div>
<% if IsAddMode %>
<% else %>
<% if ShowPagination %>
<table id="ComplexTableField_Pagination">
<tr>
<% if PopupPrevLink %>
<td id="ComplexTableField_Pagination_Previous">
<a href="$PopupPrevLink"><img src="cms/images/pagination/record-prev.png" /></a>
<a href="$PopupPrevLink"><div>Previous</div></a>
</td>
<% end_if %>
<% if TotalCount == 1 %>
<% else %>
<td>
<% control pagination %>
<% if active %>
<a href="$link">$number</a>
<% else %>
<span>$number</span>
<% end_if %>
<% end_control %>
</td>
<% end_if %>
<% if PopupNextLink %>
<td id="ComplexTableField_Pagination_Next">
<a href="$PopupNextLink"><img src="cms/images/pagination/record-next.png" /></a>
<a href="$PopupNextLink"><div>Next</div></a>
</td>
<% end_if %>
</td>
<% end_if %>
<% end_if %>
</body>
</html>