images in jqxForm's dropdownlist?

[jqwidgetsdevParticipant]

Hi,

Is there a way to have images in jqxForm’s dropdownlist?
Then I also like to know how to default to a specific item.

Here is my example

<template>
  <JqxForm
    ref="myForm"
    style="width: '100%'; height: '100%'"
    :template="template"
    :value="value"
  >
  </JqxForm>
</template>

<script>
import JqxForm from "jqwidgets-scripts/jqwidgets-vue/vue_jqxform.vue";

export default {
  components: {
    JqxForm
  }
  ,mounted() {
  }
  ,methods:{
  }
  ,data() {
    return {
      template: [
        {
          bind: "x",
          type: "option",
          label: "my label",
          labelPosition: "left",
          labelWidth: "30%",
          align: "left",
          width: "250px",
          component: "jqxDropDownList",
          source: [
            { html: '<div style="height: 20px; float: left;"><img style="float: left; margin-top: 2px; margin-right: 5px;" src="../../../images/numberinput.png"/><span style="float: left; font-size: 13px; font-family: Verdana Arial;">jqxNumberInput</span></div>', title: 'jqxNumberInput' },
            { html: '<div style="height: 20px; float: left;"><img style="float: left; margin-top: 2px; margin-right: 5px;" src="../../../images/progressbar.png"/><span style="float: left; font-size: 13px; font-family: Verdana Arial;">jqxProgressBar</span></div>', title: 'jqxProgressBar' },
            { html: '<div style="height: 20px; float: left;"><img style="float: left; margin-top: 2px; margin-right: 5px;" src="../../../images/calendar.png"/><span style="float: left; font-size: 13px; font-family: Verdana Arial;">jqxCalendar</span></div>', title: 'jqxCalendar' },
          ]
        },
      ]
      ,value: {
        x: how to default to 2nd item in list?
      }
    }
  }
}
</script>

Thank you.

[svetoslav_borislavovParticipant]

Hi,

Please check your path to the image or if the problem still exists send us a demo project here: support@jqwidgets.com

Best regards,
Svetoslav Borislavov

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

[Author]

Posts