Forum Replies Created

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author

  • marshmelows

    That i wouldn’t be adjustable on it’s header’s content. For example I have a very long title on the header, and i want to make the header maintain it’s original size which is 20px. Is this possible?


    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! 🙂


    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">
        <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>
    <div id='content'>
    	  <script type="text/javascript">
    		  $(document).ready(function () {
    			  $("#jqxSplitter").jqxSplitter({ theme: 'summer',  panels: [{ size: '100px' }] });
        <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>
    • This reply was modified 9 years, 6 months ago by  marshmelows.


    Hi Peter Stoev,

    I already solved the problem, on removing item on the jqxlistbox,.. 🙂 thank u . .:)

    Best regards,

    • This reply was modified 9 years, 10 months ago by  marshmelows.
    • This reply was modified 9 years, 10 months ago by  marshmelows.
    in reply to: Grid, remove/hide row lines Grid, remove/hide row lines #32560


    how to change the color of the row and column lines without changing it’s theme? Thanks. 🙂

Viewing 5 posts - 1 through 5 (of 5 total)