Forum Replies Created

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

  • marshmelows
    Participant

    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?


    marshmelows
    Participant

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


    marshmelows
    Participant

    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:

    Screenshots

      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>
    • This reply was modified 8 years, 8 months ago by  marshmelows.

    marshmelows
    Participant

    Hi Peter Stoev,

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

    Best regards,
    masrhmelows

    in reply to: Grid, remove/hide row lines Grid, remove/hide row lines #32560

    marshmelows
    Participant

    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)