3.0.0

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">&nbsp;</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,

This topic is archived.

See also:


Back to support forum

Search

Version 2

Looking for AW 2.6 ?
The old site is here.