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
1810
Splitter inside a webtab with a style set is not visible when its size is not set in pixels.
posted

Hi,

I am using a WebTab with a WebSplitter inside one of the tabs.

If I set the WebSplitter's size in percentage or don't set it at all (I need it to take all available size on the tab) it won't be visible if the WebTab's style is other than Default.

I attach an example of this, Appletini is the style set to the webtab but also tried some other built-in styles with no difference on the results.

 

Am I using a wrong way to get the splitter to take all available space on the tab or is it a bug working with styles?

 

Note: I am working on VisualStudio 2010 over freamework 4. Infragistic version 10.3.20103.2088

 

Thanks in advance.

WEBSPLITTER.zip
  • 15979
    Suggested Answer
    posted

    Hello rickycl,

    Thank you for you sample.

    I have tested it and I was able to reproduce the described by you issue. It is reproducible with “Default” style also so it appears that themes are not related to it.

    After some additional testing I have found that this behavior is related with the size properties set for the splitter in percent values. Same applies when the size of the splitter is not set at all.

    The splitter is actually rendered in the “WebTab” template but when the size is set in percent value (or not set at all) all the elements are collapsed and become invisible.  

    Note that if you work with splitter sizes and using “%” values, your application should ensure that absolutely all parent html elements of splitter also have height, because under XHTML default heights of containers are collapsed. If it is the case, then you may consider adding style="height:100%" to all containers of splitter including <form>, <body> and <html> objects.

    I can however advice you to use fixed sizes for the splitter when it is inserted in elements with fixed size (like in “WebSplitter3” from your example).

    Let me know if you have further questions.