Home » Forums » Backbase Client Edition 3.x » Firefox vs IE

Firefox vs IE

7 April, 2006 - 20:10 — Anonymous

I am having difficulty getting content to display correctly on Firefox. The list view text spills onto the lower cells(what should be two rows for a heading title ends up with one row and the text wraps onto the table area - under the title). The text in the cells also is not given height and it overwrites above and below the cell. The same code works fine for IE.

Also,

The following code will only paint the tab descriptions on Firefox and nothing else. This code also works fine on IE.

<div xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.backbase.com/b" xmlns:s="http://www.backbase.com/s">
        <style type="text/css">.mytile {
                                position: absolute;
                       
                                width: 80px;
                                height: 45px;
                                padding: 10px;
                                border: 1px solid #345;
                                background-color: #def;
                                color: #000;
                                font: 10px/120% verdana, sans-serif;
                        }</style>
        <b:tabbox style="height: 100%">
                <b:tab b:label="Attributes">
                        <b:panelset b:cols="50% 50%" style="color: white; overflow: auto;">
                                <b:panel id="ATTRIBUTES_PANEL" style="overflow: auto;">
                                       
                                        <h3>Device Attrubutes</h3>
                                        <b:detailviewer>
                                                <b:property b:label="ID">R5</b:property>
                                                <b:property b:label="Sys Name">(R5)</b:property>
                                                <b:property b:label="DNS">()</b:property>
                                                <b:property b:label="IP Address">172.16.9.5</b:property>
                                                <b:property b:label="Discovered">2006-04-05T09:37:38</b:property>
                                                <b:property b:label="Object Name">cisco3620</b:property>
                                                <b:property b:label="Object ID">1.3.6.1.4.1.9.1.122</b:property>
                                                <b:property b:label="System Desc">Cisco Internetwork Operating System Software   IOS (tm) 3600 Software (C3620-JS-M), Version 11.3(11a), RELEASE SOFTWARE (fc1)  Copyright (c) 1986-1999 by cisco Systems, Inc.  Compiled Tue 21-Sep-99 10:01 by jjgreen</b:property>
                                        </b:detailviewer>
                                </b:panel>
                                <b:panel id="SCALARS_PANEL" style="overflow: auto;">
                                        <h3>Device Scalars</h3>
                                        <b:detailviewer>
                                                <b:property b:label="sysContact">()</b:property>
                                                <b:property b:label="sysName">(R5)</b:property>
                                                <b:property b:label="sysLocation">()</b:property>
                                                <b:property b:label="sysServices">(78)</b:property>
                                                <b:property b:label="ifNumber">(11)</b:property>
                                                <b:property b:label="chassisType">(66)</b:property>
                                                <b:property b:label="chassisVersion">(0x81)</b:property>
                                                <b:property b:label="chassisId">(09260475)</b:property>
                                                <b:property b:label="romVersion">(  System Bootstrap, Version 11.1(20)AA2, EARLY DEPLOYMENT RELEASE SOFTWARE (fc1)  Copyright (c) 1999 by cisco Systems, Inc.  )</b:property>
                                                <b:property b:label="romSysVersion">(Cisco Internetwork Operating System Software   IOS (tm) 3600 Software (C3620-JS-M), Version 11.3(11a), RELEASE SOFTWARE (fc1)  Copyright (c) 1986-1999 by cisco Systems, Inc.  Compiled Tue 21-Sep-99 10:01 by jjgreen)</b:property>
                                                <b:property b:label="processorRam">(25165824)</b:property>
                                                <b:property b:label="nvRAMSize">(30712)</b:property>
                                                <b:property b:label="nvRAMUsed">(2091)</b:property>
                                                <b:property b:label="configRegister">(8450)</b:property>
                                                <b:property b:label="configRegNext">(8450)</b:property>
                                                <b:property b:label="chassisSlots">(2)</b:property>
                                                <b:property b:label="sysObjectID">(1.3.6.1.4.1.9.1.122)</b:property>
                                                <b:property b:label="sysDescr">(Cisco Internetwork Operating System Software   IOS (tm) 3600 Software (C3620-JS-M), Version 11.3(11a), RELEASE SOFTWARE (fc1)  Copyright (c) 1986-1999 by cisco Systems, Inc.  Compiled Tue 21-Sep-99 10:01 by jjgreen)</b:property>
                                                <b:property b:label="bgpVersion">()</b:property>
                                                <b:property b:label="bgpLocalAs">()</b:property>
                                                <b:property b:label="mplsVersion">()</b:property>
                                                <b:property b:label="mplsActiveLsps">()</b:property>
                                                <b:property b:label="ospfRouterId">()</b:property>
                                        </b:detailviewer>
                                </b:panel>
                        </b:panelset>
                </b:tab>
                <b:tab b:label="Tables">
                        <b:panelset b:cols="50% 50%" style="color: white; overflow: auto;">
                                <b:panel style="color: white; overflow: auto;">
                                        <h3>Table Detail</h3>
                                        <b:tilelist id="mytilelist" b:orientation="rows" b:colsmargin="10px" b:rowsmargin="20px" style="width:420px; height:500px;">
                                                <b:tilelist-body>
                                                        <div class="mytile">ifTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ifTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">atTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=atTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">ipAddrTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ipAddrTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">cardTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=cardTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">cardIfIndexTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=cardIfIndexTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">ciscoMemoryPoolTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ciscoMemoryPoolTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">IPAddresses<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=IPAddresses" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">bgpPeerTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=bgpPeerTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">mplsLspList<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=mplsLspList" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">ospfAreaTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ospfAreaTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">ospfLsdbTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ospfLsdbTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">ospfHostTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ospfHostTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">ospfIfTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ospfIfTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">ospfNbrTable<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=ospfNbrTable" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                        <div class="mytile">Interfaces<s:event b:on="command"><s:task b:url="/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=R5&amp;param=Interfaces" b:action="load" b:destination="id('TABLE_DETAIL')" b:mode="replacechildren"/></s:event></div>
                                                </b:tilelist-body>
                                        </b:tilelist>
                                </b:panel>
                                <b:panel id="TABLE_DETAIL" style="color: white; overflow: auto;">
                                        <h3>Table Detail</h3>
                                </b:panel>
                        </b:panelset>
                </b:tab>
                <b:tab b:label="Polling">
                        <b:panelset b:rows="50% 50%" style="color: white; overflow: auto;">
                                <b:panel id="JOBS_PANEL" style="overflow: auto;">
                                        <s:include b:url="{concat($bpc_controlpath, 'b-treelist/b-treelist.xml')}"/>
                                        <b:treelist>
                                                <b:treelistrow>
                                                        <b:treelistcell b:type="head">Job Name</b:treelistcell>
                                                        <b:treelistcell b:type="head">Active</b:treelistcell>
                                                        <b:treelistcell b:type="head">DCE</b:treelistcell>
                                                        <b:treelistcell b:type="head">Dates</b:treelistcell>
                                                        <b:treelistcell b:type="head">Freq Sec</b:treelistcell>
                                                        <b:treelistcell b:type="head">Poll Pkg</b:treelistcell>
                                                </b:treelistrow>
                                                <b:treelistrow>
                                                        <b:treelistcell>Lab_Routers_job</b:treelistcell>
                                                        <b:treelistcell>false</b:treelistcell>
                                                        <b:treelistcell>DCE-01</b:treelistcell>
                                                        <b:treelistcell>20060316T00:00:00 - 20060331T00:00:00</b:treelistcell>
                                                        <b:treelistcell>300</b:treelistcell>
                                                        <b:treelistcell>-</b:treelistcell>
                                                        <b:treelistchildren>
                                                                <b:treelistrow>
                                                                        <b:treelistcell>Lab_Routers_job</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>Interface_Perf_pp</b:treelistcell>
                                                                </b:treelistrow>
                                                                <b:treelistrow>
                                                                        <b:treelistcell>Lab_Routers_job</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>Cisco_Memory_pp</b:treelistcell>
                                                                </b:treelistrow>
                                                        </b:treelistchildren>
                                                </b:treelistrow>
                                                <b:treelistrow>
                                                        <b:treelistcell>Test_Job</b:treelistcell>
                                                        <b:treelistcell>false</b:treelistcell>
                                                        <b:treelistcell>DCE-01</b:treelistcell>
                                                        <b:treelistcell>20060402T00:00:00 - 20060430T00:00:00</b:treelistcell>
                                                        <b:treelistcell>300</b:treelistcell>
                                                        <b:treelistcell>-</b:treelistcell>
                                                        <b:treelistchildren>
                                                                <b:treelistrow>
                                                                        <b:treelistcell>Test_Job</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>Cisco_Memory_pp</b:treelistcell>
                                                                </b:treelistrow>
                                                                <b:treelistrow>
                                                                        <b:treelistcell>Test_Job</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>Interface_Perf_pp</b:treelistcell>
                                                                </b:treelistrow>
                                                        </b:treelistchildren>
                                                </b:treelistrow>
                                                <b:treelistrow>
                                                        <b:treelistcell>Router_Performance_Job</b:treelistcell>
                                                        <b:treelistcell>true</b:treelistcell>
                                                        <b:treelistcell>DCE-01</b:treelistcell>
                                                        <b:treelistcell>20060402T00:00:00 - 20060430T00:00:00</b:treelistcell>
                                                        <b:treelistcell>300</b:treelistcell>
                                                        <b:treelistcell>-</b:treelistcell>
                                                        <b:treelistchildren>
                                                                <b:treelistrow>
                                                                        <b:treelistcell>Router_Performance_Job</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>Cisco_Memory_pp</b:treelistcell>
                                                                </b:treelistrow>
                                                                <b:treelistrow>
                                                                        <b:treelistcell>Router_Performance_Job</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>-</b:treelistcell>
                                                                        <b:treelistcell>Interface_Perf_pp</b:treelistcell>
                                                                </b:treelistrow>
                                                        </b:treelistchildren>
                                                </b:treelistrow>
                                        </b:treelist>
                                </b:panel>
                                <b:panel/>
                        </b:panelset>
                </b:tab>
        </b:tabbox>
</div>

Also, why is Firefox so much faster? Its at least 3-4x faster than IE to display the same information.

Cheers.

‹ &amp; in ColdFusion query output RSS Reader - ColdFusion ›

Firefox vs IE

8 April, 2006 - 16:31 — Anonymous

I am having a similar problem with a much simpler tabbox - here is my code. Other tags (html, etc) are handled outside this, which is already in a div.








It works great in IE and does not populate Firefox. Trying to navigate the tabs causes the "loading" div to appear it does and not go away.

Result:
http://www.lotusrockstar.com/blog/robblog.nsf/htdocs/RNOK6NMSZW.htm

If anyone has any ideas I would appreciate hearing them!

-Rob Novak
SNAPPS, IBM Design Partner

Firefox vs IE

8 April, 2006 - 22:41 — Anonymous

Hi Rob,

Your server sends the XML files with the MIME type application/octet-stream. Instead, this should be application/xml. I think this may be where your problem lies, as Firefox is usually stricter about that than Internet Explorer is. To change this, you need to modify the configuration of your server.

E.g. on Apache servers, you can do this by adding the following line to a .htaccess file placed in the root of your server:
AddType application/xml .xml
In PHP, you would do it by adding a header() function call at the start of the document:
header('Content-Type: application/xml');
I don’t know what language ‘.nsf’-files are in, but you would probably have to do something similar there.

Also ensure that the files are well-formed XML (if you open them in Firefox with the abovementioned MIME-type corrected, they should show as formatted XML and not show a big error screen). Although if it works in IE, this shouldn’t be the problem.

Let us know if you’re still having trouble.

~Grauw

Firefox vs IE

8 April, 2006 - 23:03 — Anonymous

Hi Pete,

The reason why it doesn’t work in Firefox is that the tabs don’t have any height! The contents are there, you can see it when you set the height with e.g. ‘style="height:500px;"’ on the tabbox.

According to the CSS specification, height: 100% means that it takes up 100% of the height of its parent element. However, if the parent element has no height set, then 100% of what? To make this work, put a ‘style="height:100%;"’ attribute on every parent element, up till the root element (or do it through a CSS file).

Alternatively, you could simply set a fixed height on the tabbox.

In IE this is apparantly an area where it does not follow the CSS specification, which is why you had it working correctly there.

Also, why is Firefox so much faster? Its at least 3-4x faster than IE to display the same information.
Oh, that is a simple question :). Firefox is a faster browser than IE is. We are constantly working on improving performance, especially in our next major release, but the fact remains.

But improving performance is an entire subject on its own :). It does not only lie in the Backbase engine, but also in how applications are designed. Note to self: we should really write a thorough article about this.

Generally spoken, using the power of AJAX and loading things incrementally is always a good means to improve performance. In this example, instead of loading all the contents at once, put the tab contents in separate files and only load them once the tabs are clicked by means of a ‘b:url’ attribute on the tabs.

Also, instead of the ‘detailviewer’, simply use a regular HTML table, like this:

<table>
   <tr><th>ID</th><td>R5</td></tr>
   <tr><th>Sys Name</th><td>(R5)</td></tr>
</table>

And style it appropriately. Then put the table in a tag so that it is ignored by the parser:
<b:xhtml>
   <table>
      <tr><th>ID</th><td>R5</td></tr>
      <tr><th>Sys Name</th><td>(R5)</td></tr>
   </table>
</b:xhtml>

Also, do not put events inline, but put them inside a s:behavior which is applied to every ‘mytile’ div. You can pass the URL to the behavior by placing them on the ‘mytile’ div as a custom attribute:
<s:behavior b:name="mytile">
   <s:event b:on="command">
      <s:task b:action="load" b:destination="id('TABLE_DETAIL')" b:url="{concat('/BlueRiver_ServerSide/servlet/ServerSide?type=ajaxscript&amp;docname=bb_Table_Detail&amp;param=',@b:param1,'&amp;param=',@b:param2)}" b:mode="replacechildren"/>
   </s:event>
</s:behavior>
<div class="mytile" b:behavior="mytile" b:param1="R5" b:param2="mplsLspList">mplsLspList</div>
<div class="mytile" b:behavior="mytile" b:param1="R5" b:param2="ospfAreaTable">ospfAreaTable</div>

And your application should have become a lot faster!

Hope that helps, and if you have questions feel free to ask them!

~Grauw

Firefox vs IE

9 April, 2006 - 03:51 — Anonymous

Hi Laurens:

I added the mime declaration but the problem persisted, so I checked out the XML files and sure enough, there were spaces before the XML declaration. I was sloppy in my copy/paste of the data! IE was forgiving, Firefox was not.

Thank you so much for your help.

BTW, .nsf is an IBM Lotus Domino server. I am testing various integration possibilities and will be happy to write up installation/configuration instructions for Domino soon.

-Rob

Firefox vs IE

9 April, 2006 - 04:17 — Anonymous

Now that I have the tabbox working with XML files in Firefox, I notice that I always see a vertical scrollbar - even with overflow:auto set and height set well above the content size. This doesn't happen in IE. Is this something that can be prevented in Firefox?

http://www.lotusrockstar.com/blog/robblog.nsf/htdocs/RNOK6NMSZW.htm

Thanks again!
Rob