jQWidgets Forums
This topic contains 7 replies, has 3 voices, and was last updated by Peter Stoev 11 years, 1 month ago.
-
Peter,
I’m having big problems with splitter =(
Here is a screenshot of my problem: SCREENSHOT
there is a big content in my right panel, but the content is not fluid and not the panel doesn’t expand against its content.
my html strcuture looks like:
$(‘#pContent’).jqxSplitter({ height: ‘100%’, panels: [{ size: 250, resizable: false }, { height: ‘100%’} ] });
html,body { height: 100%; }
I would like to able to scroll the right panel deeper and want to see the left panel and the splitbar fit to bottom always, with full height.
thanks
Hi Peter,
I had set my splitter height to 1800px, bu ton the output it didn’t follow the height I specified. The height doesn’t change. I am wondering if how can I solve this? also I created a table with a width of 1800px also, but it seems like the splitter doesn’t follow the width of it’s content.
-
Here is the sample output:
-
here is my codes:
<!DOCTYPE html> <html lang="en"> <head> <meta name="keywords" content="jQuery Splitter, Splitter Widget, Splitter, jqxSplitter" /> <meta name="description" content="This page demonstrates splitter's events" /> <title id='Description'>Vertical Splitter </title> <link rel="stylesheet" href="C:\Users\msoriano\Desktop\widgets\jqwidgets\styles\jqx.base.css" type="text/css" /> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\scripts\jquery-1.11.0.min.js"></script> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\scripts\demos.js"></script> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\jqwidgets\jqxcore.js"></script> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\jqwidgets\jqxsplitter.js"></script> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\jqwidgets\jqxbuttons.js"></script> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\jqwidgets\jqxscrollbar.js"></script> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\jqwidgets\jqxpanel.js"></script> <script type="text/javascript" src="C:\Users\msoriano\Desktop\widgets\jqwidgets\jqxexpander.js"></script> </head> <body> <div id='content'> <script type="text/javascript"> $(document).ready(function () { $("#jqxSplitter").jqxSplitter({ theme: 'summer', panels: [{ size: '100px' }] }); }); </script> <div id='jqxSplitter' style="width:100%; height: 100%; background-color: #FFFFAF"> <div style="background-color: #97FFAF"></div> <div style="background-color: #E8C0AF"> <table height="1800px" width="100%"> <tr><td>Name:</td><td>Melody Soriano</td></tr> </table> </div> </div> </div> </body> </html>Hi Peter,
Yeah, that code was just trying to test if i can get a 100% splitter height work. But it seems like it didn’t. I forget to remove that code. Sorry about that, back to the issue, so we must really initiate the height or the width of the splitter in px and it cannot be set into percentage? How can we support it if the content of each splitter panels is changing? How could we able to support this? For example on a panel we have data grid, then we will be changing the page size into a larger value from 5 to 20? Thank you for the response, we appreciate it!
You must be logged in to reply to this topic.