Radsplitter moves up

[Hansik]

Hi,

   I have a quick question about the RadSplitter object.

   Within my Radsplitter that is displayed on a FullScreenMode, I have a RadPane that contains a treeview control. This tree expands when clicked because it has a lot of entries on it, such that the said pane would have a vertical scrollbar. Now my problem is that whenever I expand the tree further down and click on the node, the whole splitter goes way above the screen. If you click a node much further down, it would be gone out of the view. It does not have a problem if you click on any of the nodes that are within the range of the initially loaded page. I am guessing the RadSplitter should also account the height of the radpane when it expands. How can I make this splitter stick so that it won't move up? 

   I really appreciate all the help! Thank you very much!

Regards,

Arthur

[Tsvetie]

Hi Arthur,
I suppose the problem is in the FullScreenMode property that you use. This property was introduced so that you can configure the splitter to become as high and as wide as the browser window when the splitter is a direct child of the FORM element and without the necessity to set the splitter's Width and Height properties and the Height of the HTML, BODY and FORM elements. However, it works only in few cases as people expect it to. That is why we decided to mark the FullScreenMode property as obsolete (we will do this for the next update of the suite).

That is why you should not use this property, but rather the Width and Height properties. Please refer to our Resize with Window online demo for information how to configure your page correctly for the splitter to become as high as its parent.

Sincerely yours,
Tsvetie
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Hansik]

Ok. That's good to know. 

But from my last experience, I think I cannot make these Splitters resize to browser's dimension (like 100% of both width and height), which is why I used the FullScreenMode. I think it will only work with having a definite height value like height="700px" but this would not always assume the browser's height like what FullScreenMode does. For the width, it can display the percent value correctly, like if you use width="100%".  Also I think you can specify height="100%" and width="100%" if you have the splitter contained in like a <div> that has a fixed height. This way it works but it still does not do the functionality of the FullScreenMode.

Can you give me example not using the FullScreenMode but will use height="100%" and width="100%" and not be contained on some div that are dimensioned with fixed height.

I really appreciate your help.

[Tsvetie]

Hello Arthur,
The Resize with Window online demo demonstrates exactly what you are trying to achieve.

Basically, in case the RadSplitter is a direct child of the FORM element, you just need to add the following style to the HEAD of your page:

<style type="text/css">
html, body, form
{
    height:100%;
    margin:0px;
}
<style>

For more information, please refer to the Resize with Window online demo.

Greetings,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Hansik]

Hi Tsvetie,

      Thanks for the suggestion. It did the trick. I really appreciate your help!

Thanks,

Arthur