[fgaonetMember]

Thank you, Peter! I understand now:

“typing a text when the mouse is in the listbox”.

[fgaonetMember]

Peter:

Thank you for your code. It works just as my expected! However, when I make a little modify, I got some unexpected behaviors.

1. I like the ListBox open in the initial, so I added {expandedIndexes: [1],} into your code:

$(“#jqxNavigationBar”).jqxNavigationBar({ width: 400, height: 420, sizeMode: ‘fitAvailableHeight’, expandedIndexes: [1], theme: theme });

When I run it, it is still open the first content, instead of the listbox.

2. I replaced “sizeMode: ‘fitAvailableHeight’,” with “ expandMode: ‘multiple’,”, and it works fine.

3. Now, I added a button under the ListBox. The NavigationBar only show a little part of the ListBox. Here is my changes on your code:

$("#jqxNavigationBar").jqxNavigationBar({ width: 400, height: 420, expandMode: 'multiple', expandedIndexes: [1], theme: theme });
......
            <div id="jqxListBox">
            </div>
            <input type="button" id="btn" />

Any idea?

Thanks again!

[fgaonetMember]

My screen is different with yours.

After I logon, I get http://www.jqwidgets.com/
I click “community”->”Forum” on top menu bar, and get “jQuery UI Widgets › Forums”,
and then, “jQuery UI Widgets › Forums › Getting Started”,
and then, “jQuery UI Widgets › Forums › Getting Started › Edit Topics”. It is here.

I’ve never seen the menues like you show above. I am using IE8.

Is there anything I missed?

Thanks

[fgaonetMember]

I really couldn’t understand the above instruction for editing my post. What is the “Dashboard”? Where is the “Edit” button?

I posted a question, but my codes dissapeared. Tried 3 times and just figure out how to “format” the code. Now, how can I delete my previours posts?

[fgaonetMember]

Instead of enbeding a list into the Content div, I need to enbed a jqxListBox. I tried the following:

<div id='jqxnavigationbar'>
    <!--Header-->
    <div>
        Header 1</div>
    <!--Content-->
    <div>
        <div id='jqxListBox'></div>
    </div>
    <!--Header-->
    <div>
        Header 2</div>
    <!--Content-->
    <div>
        Content 2
    </div>
</div>

while do $(“#qxListBox”).jqxListBox(……), I got an error: “Invalid structure of the Navigation bar!”.

I like to show/hide the ListBox by expand/collapse the “Header 1″. What is the best way to do it?

Thanks,

[fgaonetMember]

I don’t know how to use this text editor. My code can’t be pasted on. Let me try it again:

Instead of enbeding a list into the Content div, I need to enbed a jqxListBox. I tried to replaced the “Content 1″ with another div which has id=”jqxListBox”, as the following: (I am not sure what will show here. Please first help me how to type “less than” and “great than” on this text editor!!)

“

Header 1

Header 1

Content 2

”

while do $(“#jqxListBox”).jqxListBox(……), I got an error: “Invalid structure of the Navigation bar!”.

I like to show/hide the ListBox by expand/collapse the “Header 1″. What is the best way to do it?

Thanks,

[Author]

Posts