Forums Ultimate UI for ASP.NET Web Forms
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
Close
Daniel
165
Moving the tab strip
posted

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.

Parents
No Data
Reply
  • 24497
    Verified Answer
    posted

    Hi,

    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
      //if(!tbl)
      //  tbl = document.getElementById('<%=WebHtmlEditor1.ClientID%>');
      if(!tbl)
        return;
      var tbody = tbl.firstChild;// or tbl.tBodies[0]
      if(tbody.nodeName != 'TBODY')
        tbody = tbl.childNodes[1];
      if(!tbody || tbody.nodeName != 'TBODY')
        return;
      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.removeChild(row3);
      tbody.insertBefore(row3, row1);
    }
    </script>
    <ighedit:WebHtmlEditor ID="WebHtmlEditor1" runat="server">
      <ClientSideEvents Initialize="initEditor1" />
    </ighedit:WebHtmlEditor>

Children