:: Forum >>

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 d = 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 x = 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(event, index){window.open(tempurl+obj.getCellValue(0, index),'', '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 {height: 100%; width: 100%; margin: 0px; border: none; font-size:11px;}
        .aw-column-0 {width: 45px;}
        .aw-column-1 {width: 280px;}

        .aw-grid-sort {*position:absolute; *top:3px;*right:3px;}
        .aw-grid-cell {border-right: 1px solid threedlightshadow;}
        .aw-grid-row {border-bottom: 1px solid threedlightshadow;}
            
        .aw-alternate-even {background: #fff;}
        .aw-alternate-odd {background: #eee;}
        .aw-rows-selected {background: white;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?

[email protected]
webmasteratacs-schoonmaakdotnl
Tuesday, February 7, 2006

This topic is archived.


Back to support forum

Forum search