jQuery UI Widgets Forums Layouts Splitter How to remove the border around splitter wrapper?

This topic contains 2 replies, has 2 voices, and was last updated by  spetsnaz 11 years, 10 months ago.

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

  • spetsnaz

    Yep the questions looks clear from the topic. There is a border around the wrapper. (actually around every widget in jqw.) I need to remove it because I placed the whole wrapper just below my vertical head menu, so there shouldn’t be a 1px border below it.

    even overriding it inline method didn’t work, still the propery border-color in base.css is effecting


    • This topic was modified 11 years, 10 months ago by  spetsnaz.


    Hello spetsnaz,

    Here is how to remove the border around jqxSplitter:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    <html xmlns="http://www.w3.org/1999/xhtml">
    <title>jQuery Splitter Sample</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.summer.css" type="text/css" />
    <style type="text/css">
    border: none;
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxsplitter.js"></script>
    <div id='content'>
    <script type="text/javascript">
    $(document).ready(function () {
    $("#jqxSplitter").jqxSplitter({ theme: 'summer', panels: [{ size: '30px' }, { size: '30px' }, { size: '30px'}] });
    <div id='jqxSplitter' style="width: 300px; height: 150px">

    Best Regards,

    jqWidgets team


    thanks dimitar, it worked very well. I think your styling is overriding the original one.

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

You must be logged in to reply to this topic.