   #<span class='glyphicon glyphicon-#{opt.icon}'></span>
     if opt.icon? then "<span class='input-group-addon'><i class='fa fa-#{opt.icon} fa-fw'></i> </span>" else ""
     #if opt.icon? then "<span class='input-group-addon'> <span class='glyphicon glyphicon-#{opt.icon}'></span></span>" else ""
-  isAddOnInput = opt.icon? or (opt.isRequired || metadata.required) is true
+  isAddOnInput = true or opt.icon? or (opt.isRequired || metadata.required) is true
    #Deal with the label
   label = ()=>
     if not opt.isNoLabel?

    id = elt.id
    prop = elt.label
    isSelected = if selected? and id? and id.toString() is selected.toString() then "selected" else ""
    html+= "<option value= '#{id}' data-name='#{property}' #{isSelected}>#{prop}</option>"
    return undefined
  #Initialize the html  
  html = "<div class='form-group #{error}'>
            #{label()}
            <div class='controls #{inputSize}'>
              <div class='input-group'>
                #{icon()}                
                <select id='#{property}' #{readonly} #{optName} #{optToTriggerName} #{optToTriggerListKey} #{dataMapping} class='form-control input-sm'>"
  #add options foreach options in the list
  addOption(elt) for elt in list
  html +=      "</select>#{isRequired()} 

    return if isDisplayRequired then "<span class='input-group-addon'>*</span>" else ""
  symbol = ()=>
    isSymbol = false
    console.log(metadata, isSymbol)
    if opt.symbol?
      isSymbol = opt.symbol
    else if metadata.symbol?
      isSymbol = metadata.symbol

    return if isSymbol then "<span class='input-group-addon'>#{isSymbol}</span>" else ""
  #isRequired = if !opt.isRequired? or !opt.isRequired then "" else "<span class='input-group-addon'>*</span>"
  translationRoot = opt.translationRoot or undefined
