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
392
My SplitterBar is invisible
posted

I have a vertical WebSplitter that I create like this:

    <ig:WebSplitter id="splitter" runat="server" Orientation="Vertical" BorderStyle="Inset" Height="580px" >
      <panes>
       
        <ig:SplitterPane runat="server" size="30%" ScrollBars="Hidden">
          <Template>
         
            <ignav:UltraWebTree ID="treeWorkflow" runat="server" height="100%" Indentation="20">
              <Margin Left="5px" />
              <NodePaddings Top="2px" />
            </ignav:UltraWebTree>
           
          </Template>
        </ig:SplitterPane>
       
        <ig:SplitterPane runat="server" size="70%" ScrollBars="Hidden">
          <Template>
            <iframe id="contentFrame" name="contentFrame" runat="server" height="100%" width="100%"></iframe>
          </Template>
        </ig:SplitterPane>
       
      </panes>
    </ig:WebSplitter>

 

It works fine except the SplitterBar is invisible.  It is there.  I can drag it and it works.  It just renders as really thin and white, like the frame's background.  There are no css called .bar*Css so nothing would be changing that.  There is nothing in my c# that changes it on the server either.  Any ideas?

 

 

Parents
No Data
Reply
  • 28464
    posted

    Hello,

    I think that css classes are missing on client. WebSplitter loads those classes from a local files. In most cases those files are located at the local to project directory ~\ig_res.

    You may look at generated html and search for <link ... href="aPath/ig_res/Default/ig_splitter.css" ..>.

    That will allows you to find which actual aPath is used and if it is accessible by client.

    If you identified that file on server, but you are not sure if it is loaded, then you may try to debug that by temporary adding to that file any custom style and setting that style to any element on page. If element will not pick up that css, then it means that corresponding <link> failed (and dialog will fail too).

Children