3.0.5

Some please help!!!

Here is my javascript i am using..i cannot get my .JPG file to appear in the grid..

<html>
<head>
<title>ActiveWidgets Grid :: Examples</title>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>

<!-- ActiveWidgets stylesheet and scripts -->
<link href="../../runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
<script src="../../runtime/lib/grid.js"></script>

<!-- grid format -->
<style>
.active-controls-grid {height: 100%; font: menu;}
.active-column-0 {width: 100px;}
.active-column-0 {text-align: center;}
.active-column-1 {width: 80px; text-align: right;}
.active-column-2 {width: 150px;}
.active-column-3 {width: 120px;}
.active-box-image {height: 16px;} /* for firefox 0.8 */

.active-image-flag {background: url(red5.jpg)}
</style>

<!-- grid data -->
<script src="../data/files.js"></script>
</head>
<body>
<script>

//create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;

//set the first column template to image+text

var image = new Active.Templates.Image;
image.setContent("text", "");

obj.setColumnTemplate(image, 0);

//set number of rows/columns
obj.setRowProperty("count", 9);
obj.setColumnProperty("count", 4);

//provide cells and headers text
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setDataProperty("image", function(i, j){return myData[i]4]});

obj.setColumnImage(function(i){return "flag"});

// provide column headers
obj.setColumnProperty("texts" , ["Name", "Size", "Type", "Date Modified"]);

// set column/row headers width/height
obj.setColumnHeaderHeight("20px");
obj.setRowHeaderWidth("0px");

obj.setColumnProperty("image", "flag", 0);

// write grid html to the page
document.write(obj);



</script>
</body>
</html>


Here is my file.js..

Someone please shed some light here...
seeker
February 22,
Where did you put your image file (i.e. which directory)? The path should be relative to the file where you put CSS rule, in this case your .htm file (not ../../runtime/styles/xp/grid.css !!!)
Alex (ActiveWidgets)
February 22,
Hi Alex,

The .GIF file resides in the same directory as the .html file. So what am i missing? I still do not see the .GIF image in the grid
seeker
February 22,
Nevermind..i figured it out..thanks for your prompt replay Alex!!
BTW any chance of a API documentation on this wonderful grid?
seeker
February 22,

This topic is archived.

See also:


Back to support forum