:: Forum >> Version 2 >>

Scrollbars Firefox 1.5 + beta 4

I am having trouble with the scrollbars. They are both being displayed (horizontal/vertical) but both disabled...IE works fine and has 1 scrollbar (vertical). AW2 b4 + Firefox 1.5, gird is displayed in a div. Thanks in advance
Rik Smith
Thursday, January 19, 2006
Rik,

Post some of your code. I just did a test on B4 and it seems to be working for me in FF 1.5 but fails horribly in IE (no scroll bars and strange behavior when you click in a cell, and you loose keyboard control over the grid as well). Here is my test code for you to compare with:

var = new AW.System.Control;
d.setTag("DIV");
d.setId("CCCCC");
d.setStyle("border"1);
d.setStyle("border-color""red");
d.setStyle("width"300);
d.setStyle("height"300);
d.setStyle("position""absolute");
document.write(d);
var 
= new AW.UI.Grid;
x.setCellText("text");
x.setId("myGrid");
x.setHeaderText("header");
x.setColumnCount(4);
x.setRowCount(10);
d.setContent("html"x);
d.refresh(); 
Jim Hunter
Thursday, January 19, 2006
I stripped my code down, so here it is....
<div id="content">
<
H2>Versie vrijgeven</H2>
    <
div id="box" style="height:63%;width:60%;">

        <
div style="padding:0px 50px">
            <
div class="line">&nbsp;</div>
            <
div class="line2">Laden van data...</div>
            <
div class="loading"></div>
        </
div>
    </
div>

    <
link href="./css/Grid res/aw.css" rel="stylesheet" type="text/css" ></link>
    <
script src="./js/aw.js"></script>
    <
script>
        var 
table = new AW.XML.Table;

        
//  get reference to the xml data island node
        
var xml "<calls><call><A>12018</A><B>ACS</B><C>Default</C></call><call><A>12444</A><B>ACS Facility Services</B><C>Default</C></call><call><A>12018</A><B>ACS Schoonmaakbedrijf B.V.</B><C>Default</C></call><call><A>12264</A><B>ACW Schoonmaak &amp; Glazenwasserij BV</B><C>Default</C></call><call><A>12292</A><B>ADG en De Water Schoonmaakbedrijf BV</B><C>Default</C></call><call><A>12301</A><B>AMVE Beheer BV</B><C>Default</C></call><call><A>12486</A><B>Aalbers Schoonmaakbedrijf B.V.</B><C>Default</C></call><call><A>12396</A><B>Administratiekantoor A. Schaap</B><C>Default</C></call><call><A>12430</A><B>Aksent op schoon B.V.</B><C>Default</C></call><call><A>12204</A><B>Aktief Schoonmaakdiensten</B><C>Default</C></call><call><A>12136</A><B>Alcmaria</B><C>Default</C></call><call><A>12362</A><B>Alfa Schoonmaakservice</B><C>Default</C></call><call><A>12426</A><B>Alliance Schoonmaak en Reiniging</B><C>Default</C></call><call><A>12394</A><B>Alpha &amp; Omega Dienstverlening B.V.</B><C>Default</C></call><call><A>12274</A><B>Altena Schoonmaak/Onderhoud, Michel </B><C>Default</C></call><call><A>12482</A><B>Ancora Multi Diensten B.V.</B><C>Default</C></call><call><A>12242</A><B>Anjer B.V.</B><C>Default</C></call><call><A>12462</A><B>Anso Facilitaire Diensten B.V.</B><C>Default</C></call><call><A>12560</A><B>Atlas Bedrijfsdiensten B.V.</B><C>Default</C></call><call><A>12114</A><B>Atsma schoonmaakbedrijf</B><C>Default</C></call><call><A>12458</A><B>Avalon Schoonmaak</B><C>Default</C></call><call><A>12012</A><B>BSO-DSO</B><C>Default</C></call><call><A>12554</A><B>Bakermans Schoonmaakbedrijf B.V.</B><C>Default</C></call><call><A>12556</A><B>Bakermans Specialistische</B><C>Default</C></call><call><A>12450</A><B>Bayar Facilitaire Diensten</B><C>Default</C></call><call><A>12284</A><B>Bedrijfs Objecten Serv. A.W. v.d. Bos BV</B><C>Default</C></call><call><A>12576</A><B>Beercoo</B><C>Default</C></call><call><A>12033</A><B>Beja B.V.</B><C>Default</C></call><call><A>12400</A><B>Bemeij B.V.</B><C>Default</C></call><call><A>12388</A><B>Berghe Van den Schoonmaakdiensten</B><C>Default</C></call><call><A>12232</A><B>Bodegraven v.o.f. Schoonmaakbedrijf </B><C>Default</C></call><call><A>12596</A><B>Boss B.V.</B><C>Default</C></call><call><A>12324</A><B>Brabant In- en exterieurverzorging B.V.</B><C>Default</C></call><call><A>12454</A><B>Bram Broerse</B><C>Default</C></call><call><A>12228</A><B>Briljant Diensten Groep (BDG)</B><C>Default</C></call><call><A>12198</A><B>Brink BV Schoonmaakbedrijf van de </B><C>Default</C></call><call><A>12078</A><B>Bruurs B.V. Schoonmaakbedrijf Ben </B><C>Default</C></call><call><A>12474</A><B>Bröcker Multiclean</B><C>Default</C></call><call><A>12546</A><B>C.B.J. Multidiensten B.V.</B><C>Default</C></call><call><A>12278</A><B>C.S.C. Schoonmaakbedrijf </B><C>Default</C></call><call><A>12338</A><B>CMS schoonmaak</B><C>Default</C></call><call><A>12626</A><B>Can Mulitdiensten V.O.F.</B><C>Default</C></call><call><A>12106</A><B>Cantorclin Amsterdam</B><C>Default</C></call><call><A>12312</A><B>Cantorclin Glasbewassing</B><C>Default</C></call><call><A>12282</A><B>Cantorclin Groningen</B><C>Default</C></call><call><A>12146</A><B>Cantorclin Nieuwegein</B><C>Default</C></call></calls>";
        
//    provide data XML
        
table.setXML(xml);
    
        var 
obj = new AW.UI.Grid;
        var 
myColumns = ["Klantnr","Klantnaam","Vrijgegven versie"];
        
//    provide cells and headers text
        
obj.setCellModel(table);
        
obj.setHeaderText(myColumns);
        
        
//    set number of rows/columns
        
obj.setRowCount(table.getCount()); 
        
obj.setColumnCount(myColumns.length);
        
        
//    enable row selectors
        
obj.setSelectorVisible(false);
        
        
//    set headers width/height
        
obj.setHeaderHeight(20);
        
        
//    set row selection
        
obj.setSelectionMode("single-row");
        
        
obj.setHeaderTooltip("Klik om te sorteren");
        
        
        
//    set click action handler
        
var tempurl './includes/release_customer.php?id=';
        
obj.onRowClicked         = function(eventindex){window.open(tempurl+obj.getCellValue(0index),'''height=250,width=400,resizable=0, menubar=0,toolbar=0,location=0, directories=0,scrollbars=0,status=0')};
            
        
//    write grid html to the page
        
window.setTimeout(function(){
            
try {
                
document.getElementById("box").innerHTML obj;
                
            }
            
catch(e){
            }
        }, 
100);
    </
script>

    <
style>
        
        .
aw-grid-control {height100%; width100%; margin0pxbordernonefont-size:11px;}
        .
aw-column-{width:  45px;}
        .
aw-column-{width:  280px;}

        .
aw-grid-sort {*position:absolute; *top:3px;*right:3px;} 
        .
aw-grid-cell {border-right1px solid threedlightshadow;}
        .
aw-grid-row {border-bottom1px solid threedlightshadow;}
            
        .
aw-alternate-even {background#fff;}
        .
aw-alternate-odd {background#eee;}
        .
aw-rows-selected {backgroundwhite;color:black;}
        .
aw-mouseover-row {background#ccc;}
        
        </
style></div>
 
Rik Smith
Monday, January 23, 2006
I fixed my problem by replacing:
<div id="box" style="height:63%;width:60%;"

        <
div style="padding:0px 50px"
            <
div class="line">&nbsp;</div
            <
div class="line2">Laden van data...</div
            <
div class="loading"></div
        </
div
    </
div
 
by

<script>
document.write('<div id="box" style="height:82%;width:100%;">'); 
document.write('<div style="padding:0px 50px"><div class="line">&nbsp;</div><div class="line2">Laden van data...</div><div class="loading"></div></div>');
document.write('</div>'); 
</
script>
 
don't know why but it works, both in ie and FF 1.5
Rik Smith
Monday, January 23, 2006
Rik,

I made a search on ACS Schoonmaak, and i came across this.
What is it for and what does our company name in this article?

Webmaster@acs-schoonmaak.nl
webmasteratacs-schoonmaakdotnl
Tuesday, February 7, 2006



This topic is archived.

Back to support forum

Forum search