:: Forum >>

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

    <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 -->
        .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');}
<table border="0" cellspacing="0" cellpadding="0">
<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">&nbsp;</td>
<td width="12%" valign="top" background="images/bannerback.png"><img src="images/alltel.png" width="127" height="100"></td>
    // create ActiveWidgets data model - text-based table
    var table = new Active.Text.Table;
    // provide data URL - plain text tabs-separated file

    // start asyncronous data retrieval

    // 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";

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')");



Thursday, December 15, 2005

This topic is archived.

Back to support forum

Forum search