jQWidgets Forums

Forum Replies Created

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • in reply to: Loaded html with Inputs Loaded html with Inputs #58177

    merdjpatts
    Participant

    Hi Dimitar,

    sorry for late reply.

    I tested your example and it works fine. but my question is, why should I reload all jqx* scripts whereas it is already loaded in the first place such as in index.htm? is there to avoid reloading all these stuffs?

    thank you so much

    Best regards,
    merdj


    merdjpatts
    Participant

    Hello Sir,

    it seems you are very quiet with my issues? any news?
    thanks


    merdjpatts
    Participant

    Hello Peter,

    any news of my inquiry above?

    big thanks


    merdjpatts
    Participant

    Hello Peter,

    thanks for your reply and it is working, though, have little issues when I do resize the browser. redrawing of splitter does not show display correctly. When I resize it from bigger to smaller, it is working fine, but when i resize it from smaller to bigger the splitter is not resized, instead it is simply stuck-up.

    When this part is finished then I can make my hands dirty with your components.

    big thanks


    merdjpatts
    Participant

    Hello Peter,

    please try the code below:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title id='Description'>In this sample is demonstrated how to add a Vertical Splitter
    inside a split panel of a Horizontal Splitter</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxsplitter.js"></script>
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
    <style type="text/css">
    html, body
    {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }
    </style>
    <script type="text/javascript">
    $(document).ready(function () {
    var theme = getTheme();
    var fullWidth = $(window).width();
    var fullHeight = $(window).height();
    $('#splitContainer').jqxSplitter({ height: '100%', width: '100%', orientation: 'horizontal', theme: theme, panels: [{ size: '15%' }, { size: '70%'}] });
    $('#splitTabContainer').jqxSplitter({ height: '100%', width: '100%', orientation: 'horizontal', theme: theme, panels: [{ size: '100%' }] });
    $('#nestedSplitter').jqxSplitter({ height: '100%', width: '100%', theme: theme, panels: [{ size: '20%' }, { size: '60%'}, { size: '20%'}] });
    $('#jqxtabs').jqxTabs({ width: '100%', height: '100%' });
    $('#jqxtabs').bind('selected', function (event) {
    var item = event.args.item;
    var title = $('#jqxtabs').jqxTabs('getTitleAt', item);
    alert(title);
    });
    });
    </script>
    </head>
    <body class='default'>
    <div id="splitContainer">
    <div>
    North
    </div>
    <div id="nestedSplitter">
    <div class="splitter-panel">
    West
    </div>
    <div class="splitter-panel">
    <div id='jqxtabs' style="overflow:hidden;">
    <ul style='margin-left: 20px;'>
    <li>Tab 1</li>
    <li>Tab 2</li>
    <li>Tab 3</li>
    <li>Tab 4</li>
    <li>Tab 5</li>
    </ul>
    <div>
    <div id="splitTabContainer">
    <div>
    Center North
    </div>
    <div>
    Center South
    </div>
    </div>
    </div>
    <div>
    Content 2
    </div>
    <div>
    Content 3
    </div>
    <div>
    Content 4
    </div>
    <div>
    Content 5
    </div>
    </div>
    </div>
    <div class="splitter-panel">
    East
    </div>
    </div>
    <div>
    South
    </div>
    </div>
    </body>
    </html>

    look how it works, this is your reference on what I am saying about in my previous post.

    big thanks


    merdjpatts
    Participant

    Hello Peter,

    Sorry for very late reply, I was in vacation,

    I checked the sample link you provided http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtabs/integration.htm?classic, I found this one good. Basing on the link you provided I want to have tab which have splitter inside. First part of the splitter is like grid and the second part is detail info of the grid. For example, I clicked a grid row, it will show me the detail of the selected row in second splitter.

    this is very crucial to my project and I need your help badly for this push through.

    big thanks

    merdj

    in reply to: Fullscreen splitter Fullscreen splitter #9849

    merdjpatts
    Participant

    Hello Sir:

    Yup, it is working great now!

    thanks .. I will now proceed to explore your UIs.

    thanks

    in reply to: Fullscreen splitter Fullscreen splitter #9788

    merdjpatts
    Participant

    hello Sir:

    The update did not solve the issue, I tried it with different browsers, and it does not work as expected, honestly, it became worst.

    kindly check it by yourself.

    thanks

    in reply to: Fullscreen splitter Fullscreen splitter #9669

    merdjpatts
    Participant

    Hello Sir:

    yuor new version is released, can you update the above your previous example?

    big thanks

    in reply to: Fullscreen splitter Fullscreen splitter #9249

    merdjpatts
    Participant

    Hi Sir,

    yes the problem appears when maximize button pressed, the thing is it appears only on first time, but trying again to resize will work as expected.

    so looking forward for the release then…

    thanks

    in reply to: Fullscreen splitter Fullscreen splitter #9115

    merdjpatts
    Participant

    hello Sir:

    I tested the above code, it is working fine but I observed something when resizing the browser. the splitter does not resize itself instead it stuck up to original area. but when I resize the browser second time around then splitter will adjust itself automatically. how could we solve this issue?

    thanks

    in reply to: Fullscreen splitter Fullscreen splitter #9005

    merdjpatts
    Participant

    Hello Sir, thank you so much it’s working!… I will inform our company about your UI so we will puchase in the future.
    thanks

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