jQuery UI Widgets Forums Form dropDownHeight for component jqxDropDownList into jqxform

This topic contains 5 replies, has 4 voices, and was last updated by  svetoslav_borislavov 2 years, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author

  • shamel
    Participant

    I have a Template with jqxdropdownlist and I want to define the dropDownHeight of this dropdownlist.

    var template1 = [
    {
    bind: ‘PLATEFORME’,
    type: ‘option’,
    label: ‘Plateforme’,
    labelPosition: ‘left’,
    labelWidth: ‘100px’,
    align: ‘left’,
    width: ‘100px’,
    required: true,
    component: ‘jqxDropDownList’,
    height: ’30px’,
    rowHeight: ’40px’,
    options: sourcePlateforme,
    }, …
    How I can do that ?


    Todor
    Participant

    Hello shamel,

    You could use $("#jqxdropdownlist").jqxDropDownList({ dropDownHeight: 250 }); as shown in this example.

    Let us know if you need further assistance.

    Best Regards,
    Todor

    jQWidgets Team
    https://www.jqwidgets.com


    Rob
    Participant

    Hi, although an old post today i run into this issue too. The proposed example in the solution does not take into account that the dropdown is on the form. How to access that specific dropdown control?

    Hello Rob,

    Take a look at our new Form component here: https://www.htmlelements.com/demos/form/overview.
    It is more customizable and there you can change the properties of the control component.

    https://www.htmlelements.com/demos/form/datetime : all form controls

    Let us know if you have more questions.

    Best Regards,
    Svetoslav Borislavov

    jQWidgets Team
    https://www.jqwidgets.com


    Rob
    Participant

    Hello Svetsolav,

    Thanks for your reply. Does your suggestion means that i have to leave jqWidgets and switch to Smart HTML elements?
    As far as i understood Smart HTML elements is the follow up of jqwidgets without the need of jQuery. Is that right?

    Thanks,
    Rob

    Hi Rob,

    I suggest you use Smart UI for your purpose. Here is an example of changing the properties of the control:

    {
    	dataField: 'dropdownValue',
    	controlType: 'dropdownlist',
    	label: 'Drop down list',
    	required: true,
    	controlOptions: { dataSource: [
    		{ label: 'Option 1', value: 'value1' },
    		{ label: 'Option 2', value: 'value2' },
    		{ label: 'Option 3', value: 'value3' }
    	]}
    }

    .

    https://www.htmlelements.com/demos/form/datetime/ – example of all form controls

    jQWidgets is our first product. Smart UI is our new product. Below you can find a comparison.

    SMART UI VS jQWidgets

    Technologies:

    Smart UI – Javascript ES6, HTML5, CSS3, SCSS.
    jQWidgets – Javascript ES5, HTML5, CSS.

    Frameworks:

    Smart UI – Web Components, Angular, React JS and React with Typescript, Vue 3, Blazor(Server-side and WASM).
    jQWidgets – Angular, React, Vue 2, React with Typescript, Blazor(WASM).

    Styling:

    Smart UI – Material Design, 14 CSS3 Themes. Light and Dark mode. CSS3 Variables available. Bootstrap Theme available.
    jQWidgets – Custom Design. 20+ CSS Themes.

    Browsers:

    Smart UI – Chrome, Firefox, Edge, Opera, Safari. All modern mobile devices are supported.
    jQWidgets – Chrome, Firefox, Edge, Opera, Safari, Internet Explorer 11. Supports both older and modern mobile devices.

    Features:

    – Smart UI components are more customizable. They include Property Type validation even when you do not use them with Typescript.
    – Smart UI components can be used just like using standard HTML tags. For example: “smart-grid” is the tag of a Grid component. In jQWidgets, the Grid is initialised from the “DIV” tag. HTML Attributes set properties. Binding to the event is also
    through the native Javascript syntax.
    – Smart UI supports the native HTML Template element.
    – Smart UI Accessibility is more advanced. WAI-ARIA and Section 508/WCAG are covered.
    – Smart UI supports engineering features like Big Numbers, Arbitrary-precision arithmetic and Math functions and DateTime precision up to a yoctosecond (10⁻²⁴ seconds). The components and broadly used in real-world engineering and science web applications.

    Usage:

    You can use either Smart UI or jQWidgets in your application. You can also use them both in 1 application. A good example of that is our Theme Builder web application where we use both products.

    Future:

    Both products are being actively developed by our company. jQWidgets product is still more stable and is more broadly used among our customers.

    Best regards,
    Svetoslav Borisalvov

    Smart UI Team
    https://www.htmlelements.com/

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

You must be logged in to reply to this topic.