Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Moving the tab strip

I've been asked to move the tab strip from the bottom to the top of the control. Is this possible? I saw mention of possibly making it "vertical," which might do in a pinch, but I haven't been able to find in the documentation how to set that up.

  • 24497
    Verified Answer


    WebHtmlEditor uses <TABLE>. First row is toolbar, 2nd row is editing area and 3rd row is tab strip. So, it is possible to swap those rows and get any desired order. However, it is not a supported feature, application can do similar only on its own. Below is example for you:

    <script type="text/javascript">
    function initEditor1(editor)
      var tbl = editor._elem0;
      // or
      //  tbl = document.getElementById('<%=WebHtmlEditor1.ClientID%>');
      var tbody = tbl.firstChild;// or tbl.tBodies[0]
      if(tbody.nodeName != 'TBODY')
        tbody = tbl.childNodes[1];
      if(!tbody || tbody.nodeName != 'TBODY')
      var rows = tbody.childNodes;// or tbl.rows
      var i = (rows[0].nodeName == 'TR') ? 0 : 1
      var row1 = rows[i + 1], row3 = rows[i + 2];
      tbody.insertBefore(row3, row1);
    <ighedit:WebHtmlEditor ID="WebHtmlEditor1" runat="server">
      <ClientSideEvents Initialize="initEditor1" />

Reply Children
No Data