Problem with Inline Styling

1 posts, 0 answers
  1. Julien Pierre
    Julien Pierre avatar
    4 posts
    Member since:
    Mar 2010

    Posted 31 Jan 2012 Link to this post

    I have defined a RadUpload control:

        <telerik:RadUpload MaxFileSize="512000" OverwriteExistingFiles="true" ControlObjectsVisibility="None"
    ="server" ID="RadUpload1" OnValidatingFile="uploadMedia_ValidatingFile"
    ="uploadMedia_FileSelected" Width="500px" />
    But this is rendered as:

    <span class="ruFileWrap ruStyled" style="width: 80px;" jQuery171041561896132524767="11">
    <input class="ruFileInput" id="ctl00_MainContent_Edit1_RadUpload1file0" submitName="ctl00_MainContent_Edit1_RadUpload1file0" type="file" size="23" unselectable="on" _events="[object Object]"/>
    <label style="display: none;" for="ctl00_MainContent_Edit1_RadUpload1file0">
    <input class="ruFakeInput" id="ctl00_MainContent_Edit1_RadUpload1TextBox0" type="text" size="22"/>
    <label style="display: none;" for="ctl00_MainContent_Edit1_RadUpload1TextBox0">
    <input class="ruButton ruBrowse" type="button" value="Select"/>

    You may notice the style="width: 80px;" property. That's the bit that's causing problems, it's 'cutting off' the right half of the control. I've traced the style using IE's developer tool but all it's telling me is that it's 'Inline.' Where is this styling defined? Is it possible to override the 80px?

    Thanks a lot.

    EDIT: Please note that this happens regardless of whether I'm setting the EnableFileInputSkinning and InputSize properties, these where just set in attempt to solve the problem, and it didn't work.

    EDIT: Please remove this thread, reposted in the right place: 
Back to Top