                         </div>
                         <img src=\"\" id=\"#{@options.uuid}-search-activeImage\" class=\"activeImage activeImageBg\" />
                     </div>
+                    <div class=\"metadata\" id=\"metadata-search\" style=\"display: none;\">
+                        <label for=\"caption-search\">Caption</label><input type=\"text\" id=\"caption-search\" />
+                        <!--<button id=\"#{@options.uuid}-#{widget.widgetName}-addimage\">Add Image</button>-->
+                    </div>
                 </div>
                 <div id=\"#{@options.uuid}-tab-upload-content\" class=\"#{widget.widgetName}-tab tab-upload\">UPLOAD</div>
             </div></div>"

            editable = $(@options.editable.element)
            # keep a reference of options for context changes
            widgetOptions = @options
            offset = editable.offset()
            third = parseFloat(editable.width() / 3)
            overlayMiddleConfig =

                    else
                        false

                startPlace: ""

            dnd =
                handleDragEvent: (event, ui) ->
                    tmpObject = $(".tmp", editable)
