none
WebControls TreeView looks different in IE than in FireFox

    Question

  • I have a treeview that works great in IE, but it doesnt work in FireFox. It gives an extra space and a link to a __doPostBack function. Here is the source code from each:

    from FireFox:

     <tr class="FreeText">
      <td id="_tdManagersTree" align="left" colspan="4">
         <div class="SubHeadingBackground" id="_tvManagers" class="SubHeadingBackground">
         <table CELLSPACING="0" CELLPADDING="0" BORDER="0">
              <TR>
                  <TD valign='middle'>&nbsp;
                      <a href=__doPostBack('_tvManagers','oncollapse,0')">
                         <IMG align='top' border='0' class='icon' SRC='/webctrl_client/1_0/treeimages/Rminus.gif'>
                      </a>
                      <a href=__doPostBack('_tvManagers','oncollapse,0')">
                         <font COLOR="#000000" FACE="Arial" SIZE="2" style="display:inline;font-size:10pt;font-face:Times;text-                           decoration:none;cursor:hand;overflow:hidden;color:black;background-color:#CFCFCF;filter:none;font-                           family:Arial;">&nbsp;Main Managers
                         </font>
                        </a>
                      </TD>
                   </TR>
                   <TR>
                      <TD valign='middle'>&nbsp;
                         
    <IMG align='top' border='0' width='19px' height='1px' SRC='/webctrl_client/1_0/treeimages/white.gif'>
                         <IMG align='top' border='0' class='icon' SRC='/webctrl_client/1_0/treeimages/T.gif'>
                         <a href=__doPostBack('_tvManagers','onselectedindexchange,0,0.0')">
                         <font FACE="Arial" SIZE="2" style="display:inline;font-size:10pt;font-face:Times;text-                        decoration:none;cursor:hand;overflow:hidden;color:none;background-color:none;filter:none;font-                        family:Arial;">&nbsp;
                         
    <td>
                            <table width=90% border=0>
                               <tr>
                                  <td width=42% style=font-family:Arial style=font-size:13>
                                     <a href=" JavaScript:OpenNewWindow( 'AddManager.aspx?GroupID=83&UserID=1088&StartDate=11/7/2005' );">BOB
                                      </a>
                                   </td>
                                   <td width=20% style=font-family:Arial style=font-size:13>11/7/2005
                                   </td>
                                   <td style=font-family:Arial style=font-size:13></td>
                                 </tr>
                              </table>
                            </td>
                          </font>
                         </a>
                       </TD>
                     </TR>
                     <TR>
                       <TD valign='middle'>&nbsp;
                         
    <IMG align='top' border='0' width='19px' height='1px' SRC='/webctrl_client/1_0/treeimages/white.gif'>
                         <IMG align='top' border='0' class='icon' SRC='/webctrl_client/1_0/treeimages/L.gif'>
                         <a href=__doPostBack('_tvManagers','onselectedindexchange,0,0.1')">
                         <font FACE="Arial" SIZE="2"  style="display:inline;font-size:10pt;font-face:Times;text decoration:none;cursor:hand;overflow:hidden;color:none;background-color:none;filter:none;font-family:Arial;">&nbsp;
                       
    <td>
                   </div>
                </td>
              </tr>



    From IE:
    <tr class="FreeText">
        <td id="_tdManagersTree" align="left" colspan="4"><?XML:NAMESPACE PREFIX=TVNS />
          <?IMPORT NAMESPACE=TVNS IMPLEMENTATION="/webctrl_client/1_0/treeview.htc" />
          <tvns:treeview id="_tvManagers" class="SubHeadingBackground" defaultStyle="color:none;background-color:none;filter:none;font-family:Arial;" hoverStyle="text-decoration:underline;color:black;background-color:transparent;filter:none;font-family:Arial;" selectedStyle="color:black;background-color:#CFCFCF;filter:none;font-family:Arial;" selectedNodeIndex="0" HelperID="___tvManagers_State__" systemImagesPath="/webctrl_client/1_0/treeimages/" selectExpands="true" autoSelect="true" onexpand= if (this.clickedNodeIndex != null) this.queueEvent('onexpand', this.clickedNodeIndex)" oncollapse= if (this.clickedNodeIndex != null) this.queueEvent('oncollapse', this.clickedNodeIndex)" oncheck= if (this.clickedNodeIndex != null) this.queueEvent('oncheck', this.clickedNodeIndex)" onselectedindexchange= if (event.oldTreeNodeIndex != event.newTreeNodeIndex) this.queueEvent('onselectedindexchange', event.oldTreeNodeIndex + ',' + event.newTreeNodeIndex)">
         <tvns:treenode Selected="true" ID="_tnMainManagersRoot">
          Main Managers
         <tvns:treenode>
           <td>
             <table width=90% border=0>
               <tr>
                 <td width=42% style=font-family:Arial style=font-size:13>
                    <a href= OpenNewWindow( 'AddManager.aspx?GroupID=83&UserID=1088&StartDate=11/7/2005' );">BOB
                    </a>
                  </td>
                  <td width=20% style=font-family:Arial style=font-size:13>11/7/2005
                  </td>
                  <td style=font-family:Arial style=font-size:13>
                  </td>
                </tr>
              </table>
            </td>
          </tvns:treenode>
        </tvns:treenode>
      </tvns:treeview>
    </td>
    </tr>


    Why do they look so different? What am I missing?

    Any help would be greatly appreciated.

    Thanks,
    Shane
    Friday, November 04, 2005 4:28 PM

Answers

All replies

  • ASP.NET knows that all of that

    <XML:NAMESPACE PREFIX=TVNS />
          <?IMPORT NAMESPACE=TVNS IMPLEMENTATION="/webctrl_client/1_0/treeview.htc" />
          <tvns:treeview id="_tvManagers" class="SubHeadingBackground" defaultStyle="color:none;background-color:none;filter:none;font-family:Arial;" hoverStyle="text-decoration:underline;color:black;background-color:transparent;filter:none;font-family:Arial;" selectedStyle="color:black;background-color:#CFCFCF;filter:none;font-family:Arial;" selectedNodeIndex="0" HelperID="___tvManagers_State__" systemImagesPath="/webctrl_client/1_0/treeimages/" selectExpands="true" autoSelect="true" onexpand= if (this.clickedNodeIndex != null) this.queueEvent('onexpand', this.clickedNodeIndex)" oncollapse= if (this.clickedNodeIndex != null) this.queueEvent('oncollapse', this.clickedNodeIndex)" oncheck= if (this.clickedNodeIndex != null) this.queueEvent('oncheck', this.clickedNodeIndex)" onselectedindexchange= if (event.oldTreeNodeIndex != event.newTreeNodeIndex) this.queueEvent('onselectedindexchange', event.oldTreeNodeIndex + ',' + event.newTreeNodeIndex)">
         <tvns:treenode Selected="true" ID="_tnMainManagersRoot">

    wont work in any browser besides IE so it isn't even sending it to the client... which, it wont work so even if it sent it to the browser it still would be broke in firefox.
    Friday, November 04, 2005 6:41 PM
  • The question was cross posted to ASP.NET forums which has more info.

    http://forums.asp.net/1101871/ShowPost.aspx

     

    Wednesday, January 04, 2006 5:57 PM
    Moderator