Hi Team,
your solution for a splitter filling the entire browser-space workt great. Set the style for body, html and form to 100% and set height and width of splitter to 100%.
I would like to use this solution but with a headerimage (say 50px high) filling up the top-part of the browser. This can be seen on www.devexpress.com, click on the 'help' button where the menu is the equivalent of the headerimage.
One solution would be to user nested splitters, with the top-splitter's allow-resize set to false. This gives a whobbly behaviour if I resize the browser.
Is there a 'pure css' solution with a header-div and a content-div containing the splitter-control?
Grz, Willem
Ticket
Q322793
Visible to All Users
Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.
Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.
Hello Willem,
Thank you for contacting us.
To achieve your goal you can put two 'div' elements on the page. Set the first div's height=50px, the second height=100%. The width of both elements is set to 100%. Place a header image inside the first div, a splitter control - inside the second div.
I have created a sample project to demonstrate this approach.
Let me know if it suits you.
I see that your question is not related to ASPxSplitter which we support. If you wish to review issues that are related to CSS styling, I suggest that you search for similar questions on the Web.
Best regards,
Vladimir
Thanx Vladimir,
I will give it a try
grz willem
This approch show a header but the contentdiv with 100% height causes a vertical-scrollbar.
I want the TOTAL page to be 100% height and a header of say 50px, like www.devexpress.com (see attached screenshot)
In this screenshot the menu acts as header. The content is the splitterpane
Grz, Willem
Hello Willem,
Thank you for your reply. Now your goal is clearer to me.
I suggest you see the ASPxSplitter - Fullscreen Mode demo. You need to hide the footer pane and set the top pane height to an appropriate value to achieve your goal.
I have modified my previous project to demonstrate you the described idea.
If you have other questions, you are welcome to contact us at any time.
Best regards,
Vladimir