Horizontal Scrollbar (I know...)
i know i have searched for this and found a lot of questions regarsding it but nothing seems to help.... i have a header that i really want above the grid, (i have it in a table so it will rezie and look good no mater resolution) <<--- (stupid i know) but everytime i open the page the grid is cut off on the right and when i shrick the page horizontaly it wont let me scroll ans see the rest of the grid all ym code is below
<html>
<head>
<title>Simple Freedom | Outages</title>
<!-- ActiveWidgets stylesheet and scripts -->
<link href="styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
<script src="lib/grid.js"></script>
<!-- grid format -->
<style>
.active-controls-grid {height: 100%; font: menu;}
.active-column-0 {width: 80px;}
.active-column-1 {width: 80px;}
.active-column-2 {width: 80px;}
.active-column-3 {width: 80px;}
.active-column-4 {width: 80px;}
.active-column-5 {width: 300px;}
.active-column-6 {width: 200px;}
.active-grid-column {border-right: 1px solid threedshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
.active-row-highlight {filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFB012', startColorstr='#FFCF54', gradientType='0');}
.active-row-highlight .active-row-cell {filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFB012', startColorstr='#FFCF54', gradientType='0');}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="52%" height="83" valign="top" background="images/bannerback.png"><img src="images/banner.png" width="500" height="100"></td>
<td width="36%" valign="top" background="images/bannerback.png"> </td>
<td width="12%" valign="top" background="images/bannerback.png"><img src="images/alltel.png" width="127" height="100"></td>
</tr>
</table>
<script>
// create ActiveWidgets data model - text-based table
var table = new Active.Text.Table;
// provide data URL - plain text tabs-separated file
table.setURL("outages.txt");
// start asyncronous data retrieval
table.request();
// define column labels
var columns = ["Title", "Posted", "Reported", "Ticket", "Date", "Description", "Update", "Action"];
// create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;
// provide column labels
obj.setColumnProperty("texts", columns);
// provide external model as a grid data source
// alternate row
var alternate = function(){
return this.getRowProperty("order") % 2 ? "#E6E6E6" : "#ffffff";
}
obj.setDataModel(table);
var row = new Active.Templates.Row;
row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");
row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");
row.setStyle("background", alternate);
obj.setTemplate("row", row);
// write grid html to the page
row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");
row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");
document.write(obj);
</script>
</body>
</html>Stryksta
December 15,