jQWidgets Forums

Tagged: html5 select, jquery select, jqwidgets, jqxDropDownList

This topic contains 3 replies, has 2 voices, and was last updated by kuberasamrat 12 years, 1 month ago.

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

Author

dropdown/combobox resizable property Posts

April 30, 2013 at 10:05 am dropdown/combobox resizable property #20327

Participant

Is there a way to set re-sizable property for jqxComboBox/jqxDropdownlist. Even I am not able to set 100% width for these two components which are possible in jqxGrid.

Is there any workaround for these enhancements?

April 30, 2013 at 10:19 am dropdown/combobox resizable property #20332

Peter Stoev

Keymaster

Hi,

Please find below a working sample with DroDownList and jQWidgets 2.8.3. The width of the widget is 100%

<!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">
<head>
    <meta name="keywords" content="jQuery DropDownList, List, ListBox, Popup List, jqxDropDownList, jqxListBox, List Widget, ListBox Widget, DropDownList Widget" />
    <meta name="description" content="The jqxDropDownList represents a widget that contains a list of
        selectable items displayed in a drop-down." />
    <title id='Description'>The jqxDropDownList represents a widget that contains a list
        of selectable items displayed in a drop-down.</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.8.3.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/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {
                var theme = getDemoTheme();
                var source = [
                    "Affogato",
                    "Americano",
                    "Bicerin",
                    "Breve",
                    "Café Bombón",
                    "Café au lait",
                    "Caffé Corretto",
                    "Café Crema",
                    "Caffé Latte",
                    "Caffé macchiato",
                    "Café mélange",
                    "Coffee milk",
                    "Cafe mocha",
                    "Cappuccino",
                    "Carajillo",
                    "Cortado",
                    "Cuban espresso",
                    "Espresso",
                    "Eiskaffee",
                    "The Flat White",
                    "Frappuccino",
                    "Galao",
                    "Greek frappé coffee",
                    "Iced Coffee",
                    "Indian filter coffee",
                    "Instant coffee",
                    "Irish coffee",
                    "Liqueur coffee"
		        ];
                // Create a jqxDropDownList
                $("#jqxWidget").jqxDropDownList({ source: source, selectedIndex: 1, width: '100%%', height: '25', theme: theme });
            });
        </script>
        <div id='jqxWidget'>
        </div>
    </div>
</body>
</html>

Best Regards,
Peter Stoev

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

April 30, 2013 at 10:27 am dropdown/combobox resizable property #20334

kuberasamrat

Participant

Thanks Peter,

But It is breaking when I used 100% for remote search example in combobox

April 30, 2013 at 10:37 am dropdown/combobox resizable property #20341

kuberasamrat

Participant

It is breaking for all the combobox, dropdownlist which is not having static data. I am checking in version 2.8.1. Could you please confirm whether it is working in 2.8.3 so that I will update my version.

Author

Posts

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

You must be logged in to reply to this topic.