title: How to create a message dialog using QML Control elements(such as combobox, textfield, checkbox..)
body: <p>I want to create a message dialog in the following way</p>
  
  <p>For example:My combobox has 2 name, “<strong>chkbx</strong>”(symbolic name for the checkbox), “<strong>txtedt</strong>”(symbolic name for the text field).</p>
  
  <p>Whenever i select <strong>chkbox</strong> or <strong>txtedt</strong> from combobox drop down list, then my combo box should connect me to actual checkbox and textedit element respectively.</p>
  
  <p>I have a “<strong>show dialog”</strong> button on status bar when i press that button it should popup selected option(checkbox or line edit)</p>
  
  <p>Please suggest me how can i do it.</p>
  
  <p><strong>EDIT</strong> Here is the code and the problem i am facing with combobox options is, neither i am not able to get icons in my message dialog nor i dont know how i can see checkbox or line edit in message dialog, i am a beginner and struggling to explore the tricky ways used in QML..</p>
  
  <pre class="lang-js prettyprint-override"><code>import QtQuick 2.2
  import QtQuick.Controls 1.2
  import QtQuick.Dialogs 1.1
  import QtQuick.Window 2.0
  
  
  Item {
      id: root
      width: 580
      height: 400
      SystemPalette { id: palette }
      clip: true
  
      //! [messagedialog]
      MessageDialog {
          id: messageDialog
          visible: messageDialogVisible.checked
          modality: messageDialogModal.checked ? Qt.WindowModal : Qt.NonModal
          title: windowTitleField.text
          text: customizeText.checked ? textField.text : ""
          informativeText: customizeInformativeText.checked ? informativeTextField.text : ""
          onButtonClicked: console.log("clicked button " + clickedButton)
          onAccepted: lastChosen.text = "Accepted " +
              (clickedButton == StandardButton.Ok ? "(OK)" : (clickedButton == StandardButton.Retry ? "(Retry)" : "(Ignore)"))
          onRejected: lastChosen.text = "Rejected " +
              (clickedButton == StandardButton.Close ? "(Close)" : (clickedButton == StandardButton.Abort ? "(Abort)" : "(Cancel)"))
          onHelp: lastChosen.text = "Yelped for help!"
          onYes: lastChosen.text = (clickedButton == StandardButton.Yes ? "Yeessss!!" : "Yes, now and always")
          onNo: lastChosen.text = (clickedButton == StandardButton.No ? "Oh No." : "No, no")
  
      }
      //! [messagedialog]
  
      Column {
          anchors.fill: parent
          anchors.margins: 12
          spacing: 8
          Text {
              color: palette.windowText
              font.bold: true
              text: "Message dialog properties:"
          }
          CheckBox {
              id: messageDialogModal
              text: "Modal"
              checked: true
              Binding on checked { value: messageDialog.modality != Qt.NonModal }
          }
          CheckBox {
              id: customizeTitle
              text: "Window Title"
              checked: true
              width: parent.width
              TextField {
                  id: windowTitleField
                  anchors.right: parent.right
                 width: informativeTextField.width
                  text: "Alert"
              }
          }
  
          Row {
  
              Text {
                  text: "Combo box items and icon selection:"
              }
              spacing: 8
  
              function createIcon(str) {
                  switch(str) {
  
                       case Critical:
                      messageDialog.icon = StandardIcon.Critical
                       console.log("Critical")
                        break;
                        case Question:
                       messageDialog.icon = StandardIcon.Question
                            break;
                          case  checkbox:
                              //how to add checkbox here in order to show it in my message dialog ?
                              break;
                        case  textedit:
                            //how to add textedit here in order to show it in message dialog ?
                              break;
                        default:
                            break
                        }
                    }
  
             ComboBox {
                  id : cbox
                  editable: true
                  currentIndex: 0
                  model: ListModel {
                      id: cbItems
                      ListElement { text: "Critical"}
                      ListElement { text: "Question"}
                      ListElement { text: "checkbox"}
                      ListElement { text: "textedit"}
                  }
                 onCurrentIndexChanged: console.debug(cbItems.get(currentIndex).text)
  
                 onAccepted: parent.createIcon(cbItems.get(currentIndex).text)
                   }
                  }
           CheckBox {
              id: customizeText
              text: "Primary Text"
              checked: true
              width: parent.width
              TextField {
                  id: textField
                  anchors.right: parent.right
                  width: informativeTextField.width
                  text: "Attention Please"
              }
          }
  
          CheckBox {
              id: customizeInformativeText
              text: "Informative Text"
              checked: true
              width: parent.width
              TextField {
                  id: informativeTextField
                  anchors.right: parent.right
                  width: root.width - customizeInformativeText.implicitWidth - 20
                  text: "Be alert!"
              }
          }
          Text {
              text: "Buttons:"
          }
          Flow {
              spacing: 8
              width: parent.width
              property bool updating: false
              function updateButtons(button, checked) {
                  if (updating) return
                  updating = true
                  var buttons = 0
                  for (var i = 0; i &lt; children.length; ++i)
                      if (children[i].checked)
                          buttons |= children[i].button
                  if (!buttons)
                      buttons = StandardButton.Ok
                  messageDialog.standardButtons = buttons
                  updating = false
              }
  
              CheckBox {
                  text: "Help"
                  property int button: StandardButton.Help
                  onCheckedChanged: parent.updateButtons(button, checked)
              }
  
  
              CheckBox {
                  text: "Close"
                  property int button: StandardButton.Close
                  onCheckedChanged: parent.updateButtons(button, checked)
              }
  
              CheckBox {
                  text: "Cancel"
                  property int button: StandardButton.Cancel
                  onCheckedChanged: parent.updateButtons(button, checked)
              }
  
  
          }
  
  
      }
  
      Rectangle {
          anchors {
              left: parent.left
              right: parent.right
              bottom: parent.bottom
          }
          height: buttonRow.height * 1.2
          color: Qt.darker(palette.window, 1.1)
          border.color: Qt.darker(palette.window, 1.3)
          Row {
              id: buttonRow
              spacing: 6
              anchors.verticalCenter: parent.verticalCenter
              anchors.left: parent.left
              anchors.leftMargin: 12
              width: parent.width
              Button {
                  text: "Show Dialog"
                  anchors.verticalCenter: parent.verticalCenter
                  onClicked: messageDialog.open()
              }
              Button {
                  text: "Close"
                  anchors.verticalCenter: parent.verticalCenter
                  onClicked: messageDialog.close()
              }
          }
  
              }
          }
  </code></pre>