Note that there are some explanatory texts on larger screens.

plurals
  1. POFile Upload not Rendering Text Properly in Modal
    primarykey
    data
    text
    <p>I am using a Modal in Twitter Bootstrap in ASP.NET MVC which allows the user to upload an Image. </p> <p>I am using a file upload control which can be found here: <a href="https://github.com/blueimp/jQuery-File-Upload" rel="nofollow noreferrer">https://github.com/blueimp/jQuery-File-Upload</a></p> <p>The following is a snippet of code showing the file upload control:</p> <pre><code>&lt;div class="modal-body"&gt; &lt;form id="imageUpload" action="@Url.Content("~/Listing/ReturnBase64Data")" method="POST" enctype="multipart/form-data"&gt; @Html.HiddenFor(m =&gt; m.ListingGuid) &lt;div class="fileupload-buttonbar"&gt; &lt;div class="progressbar fileupload-progressbar" id="progressbar"&gt; &lt;/div&gt; &lt;div class="fileinput-button"&gt;Upload Image &lt;input type="file" id="fileupload" name="image"/&gt; &lt;/div&gt; &lt;/div&gt; @if (Model.SelectedImage == null) { &lt;div id="show_image"&gt; &lt;/div&gt; } else { &lt;div id="show_image"&gt; &lt;img style="height:200px ! important;" src="data:image/png;base64, @Model.SelectedImage.Content"/&gt; &lt;/div&gt; } &lt;div id="show_error" &gt; &lt;/div&gt; &lt;/form&gt; </code></pre> <p>There is more code after the <code>&lt;/form&gt;</code> tag but that's the main part.</p> <p>The following shows the file upload control and the letter 'N' next to it. The letter N is actually a string that says "No file chosen". But for some reason it seems like there is something overlapping the entire control.</p> <p><img src="https://i.stack.imgur.com/wESi1.png" alt="enter image description here"></p> <p>Does anyone know where I am going wrong?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload