I tried Bootstrap as follows:
<!-- Bootstrap Modal Dialog -->
<div class="modal fade open" id="myModal" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" >
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">
<asp:Label ID="lblModalTitle" runat="server" Text="Enviar arquivos"></asp:Label></h4>
</div>
<div class="modal-body">
<asp:FileUpload ID="FileUp" AllowMultiple="true" runat="server" />
<br />
Tag:<asp:TextBox ID="tbTag" runat="server" CssClass="form-control" ClientIDMode="Static"></asp:TextBox>
</div>
<div class="modal-footer">
<asp:Button runat="server" CssClass="btn ui-icon-cancel small" ID="UpluodButton" OnClick="UploadButton_Click" Text="Enviar" />
</div>
</div>
</div>
</div>
And the following script in <head>
:
<script>
$(function () {
$('#<%=tbTag.ClientID%>').tbTag({
autocomplete: {
source: ['red', 'blue', 'green', 'yellow', 'violet', 'brown', 'purple', 'black', 'white'],
delay: 100
},
showAutocompleteOnFocus: true
});
}
</script>
But it does not work.
<script type="text/javascript" src="../Scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery-ui-1.10.4.min.js"></script>
<script type="text/javascript" src="../Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="../Scripts/bootstrap.min.js"></script>
Reference: link