jQWidgets Forums

Forum Replies Created

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

Author

Posts

October 30, 2014 at 3:35 pm in reply to: Can filterable be set to substr matches? Can filterable be set to substr matches? #61888

Andrea

Participant

Not sure how I missed that. Doh! Thanks again.

October 29, 2014 at 5:34 pm in reply to: Can filterable be set to substr matches? Can filterable be set to substr matches? #61825

Andrea

Participant

Thank you so much. That did the trick.

When you get some time, it would be nice to have that added to the online API documentation at:

http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdropdownlist/jquery-dropdownlist-api.htm

Thanks again!

May 1, 2013 at 2:41 pm in reply to: Vertical Scroll Problem Vertical Scroll Problem #20416

Andrea

Participant

Thank you, thank you, thank you!!

April 30, 2013 at 3:48 pm in reply to: Vertical Scroll Problem Vertical Scroll Problem #20350

Andrea

Participant

Ok, finally I don’t feel like I’m losing my mind. Thank you so much for your patience!

I tried your solution and it did not work for me.

Here is a screen shot:

http://darius.mobius-soft.com/~andrea/images/jqwfffb.jpg

I cannot scroll down to see the “END” on the left and the right bottom panel content goes away too.

I turned off the Firefox extension Firebug:

http://darius.mobius-soft.com/~andrea/images/jqwff.jpg

Still no scrolling on the left but a little more of the bottom panel content is shown.

I turned off all extensions, plugins, and addons in Firefox. Same result (no scrolling to the “END”). I’m running Firefox 20.0 under Mac OS X. I also tried it on Firefox 20.0 and 17.0.1 under Windows. Same result.

I tried it out on Chrome, Safari, Opera (under Mac OS X), and IE (Windows) and it worked beautifully! So it seems to be a Firefox issue. Is this something you could look into so it’s compatible with Firefox? I’m writing a “proof of concept” page using your widgets. If it works, we will be writing an new user interface utilizing them. However, the majority of our users use Firefox.

April 29, 2013 at 3:51 pm in reply to: Vertical Scroll Problem Vertical Scroll Problem #20250

Andrea

Participant

I’m sorry for being a dolt, but I can’t seem to get it to work. Could you show me in the code I posted above what I need to add? I tried adding “overflow: scroll” to several the divs and it didn’t do what I wanted. I could also send you my test html file, if that would easier to drop the code into.

Thanks,
Andrea

April 26, 2013 at 2:50 pm in reply to: Vertical Scroll Problem Vertical Scroll Problem #20095

Andrea

Participant

Peter,

Sorry for being a pest and I know I’m not explaining this well. I want just the nav menu in the left panel to scroll vertically. I want it to be independent from the right panel (which I don’t want to scroll). When I remove the overflow, the whole page scrolls. I want just the area on the left to scroll vertically.

Thanks,
Andrea

April 25, 2013 at 9:24 pm in reply to: Vertical Scroll Problem Vertical Scroll Problem #20041

Andrea

Participant

Peter,

Thanks for your reply. I copied the sample code from the blog and it did not work for me (still no scrolling). What am I doing wrong?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>jQuery Widget Test</title>
    <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../Library/js/gettheme.js"></script>
    <script type="text/javascript" src="../Library/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxsplitter.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 () {
            $('#mainSplitter').jqxSplitter({ width: '100%', height: '100%', panels: [{ size: '20%' }, { size: '80%' }] });
            $('#rightSplitter').jqxSplitter({ height: '100%', orientation: 'horizontal', panels: [{ size: '80%', collapsible: false }, { size: '20%' }] });
        });
    </script>
</head>
<body>
    <div style="position: absolute; width: 100%; height: 100px; background: cyan;">
        Header
    </div>
    <div style="position: absolute; box-sizing:border-box; padding-top: 100px; padding-bottom: 50px; width: 100%; height: 100%;">
    <div id="mainSplitter">
        <div>
            Left Panel<br />
            lots of content here to make it scroll<br />
            Last line of content will in this panel will contain the word <b>END</b><br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            lots of content here to make it scroll<br />lots of content here to make it scroll<br />
            <b>END</b><br />
        </div>
        <div>
            <div id="rightSplitter">
                <div>
                    Top-Right Panel
                </div>
                <div>
                    Bottom-Right Panel<br />
                    More content<br />
                    And more content<br />
                </div>
            </div>
        </div>
    </div>
    </div>
    <div style="position: absolute; bottom: 0; background: lightgreen; width: 100%; height: 50px;">
        Footer
    </div>
</body>
</html>

Result:

http://darius.mobius-soft.com/~andrea/images/jqwidgetscreen2.jpg

Author

Posts

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