Other controls in Header with text?

[jroodmanMember]

Can we put other controls in the header of the window with accompanying text? I have tried to put a dropdownlist and it always moves the control to the next line so matter how I style it. When you remove the “same line” text, it behaves as it should, however I cannot have the text and the control on the same line. Here is an example.

$(document).ready(function () {

var coffee = [
“Affogato”,
“Americano”,
“Bicerin”,
“Breve”,
“Liqueur coffee”
];
// Create jqxDocking
$(“#jqxComboBox”).jqxComboBox({ source: coffee });

$(‘#docking’).jqxWindow({
showCollapseButton: true, maxHeight: 400, maxWidth: 700, minHeight: 200, minWidth: 200, height: 300, width: 500,

});

});

Same Line

Content 1

[DimitarParticipant]

Hello jroodman,

By putting the text in a div and setting the CSS float property to left for both the text div and the combobox, you can situate both of them on the same line:

<div>
    <div>
        <div style="float: left">
        </div>
        <div style="float: left">
            Same Line</div>
    </div>
    <div>
        Content</div>
</div>

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts