Overwrite if file exists location

4 posts, 0 answers
  1. Joel
    Joel avatar
    185 posts
    Member since:
    Oct 2006

    Posted 04 May 2017 Link to this post

    Screenshot attached.

    I have upload enabled and it is working fine.  However, on the upload dialog box, the checkbox for "Overwrite if file exists" is about 2 inches north of the text. 

    I don't see an obvious  way where I can control this layout.  What would you suggest to get the checkbox near the checkbox label? I am running v2016.3.1018

     

     

  2. Justin
    Justin avatar
    10 posts
    Member since:
    Feb 2015

    Posted 04 May 2017 Link to this post

    This is a similar issue to my post a few days ago. While you wait for a reply I included CSS that got my control looking a little better. If nothing else it will show some of the class names. 

    .RadUpload
    {
        line-height:1.42857143;
        position:relative;
        white-space:nowrap
    }
    .RadUpload .ruInputs
    {
        margin:0;
        padding:0;
        list-style-type:none
    }
    .RadUpload .ruFakeInput,.RadUpload .ruButton
    {
        vertical-align:top
    }
    .RadUpload input[disabled],.RadUpload .ruDisabled
    {
        filter:alpha(opacity=60);
        opacity:.6
    }
    .RadUpload .radIcon
    {
        position:relative;
        display:inline-block;
        width:16px;
        height:16px;
        margin-right:3px;
        vertical-align:middle;
        background-repeat:no-repeat
    }
    .RadUpload .radIcon:before
    {
        position:absolute;
        top:5px;
        left:4px;
        content:"";
        display:block;
        width:9px;
        height:9px;
        border-radius:5px
    }
    .RadUpload .ruFileLI
    {
        margin-bottom:4px
    }
    .RadUpload .ruFileLI .ruFileWrap
    {
        padding:4px 0
    }
    .RadUpload .ruFileLI .ruButton
    {
        font-size:.71428571em;
        vertical-align:middle;
        margin-left:10px;
        cursor:pointer
    }
    .RadUpload .ruFileLI .ruButton:hover
    {
        color:#000
    }
    .RadUpload .ruFileLI .ruButton.ruRemove:before
    {
        font-family:WebComponentsIcons;
        width:.71428571em;
        content:"\e11b";
        display:inline-block;
        color:#fb4202;
        margin-right:3px;
        text-decoration:none
    }
     
    .RadUpload .ruSelectWrap
    {
        display:inline-block
    }
    .RadUpload .ruFileWrap
    {
        position:relative;
        vertical-align:middle
    }
    .RadUpload .ruFileWrap.ruStyled
    {
        display:inline-block;
        overflow:hidden;
        padding-bottom:.5px
    }
    .RadUpload .ruFakeInput
    {
        display:inline-block;
        width:9.28571429em;
        height:1.42857143em;
        padding:4px 0;
        border-width:1px;
        border-style:solid
    }
    .RadUpload .ruFakeInput:before
    {
        content:"";
        display:inline-block
    }
    .RadUpload .ruBrowse
    {
        display:inline-block;
        height:1.42857143em;
        min-width:4.28571429em;
        margin-left:3px;
        padding:4px 10px;
        text-align:center;
        border:1px solid transparent;
        outline-offset:-2px
    }
    .RadUpload .ruStyled .ruFileInput
    {
        font-size:7.14285714em;
        position:absolute;
        top:0;
        right:0;
        filter:alpha(opacity=0);
        opacity:0
    }
    .RadUpload .ruDropZone
    {
        display:none;
        position:absolute;
        left:-6px;
        top:-6px;
        width:100%;
        height:100%;
        padding:5px;
        border:1px solid;
        font-size:18px;
        text-align:center;
        z-index:2000;
        filter:alpha(opacity=80);
        opacity:.8
    }
    .RadUpload .ruDropZone span
    {
        position:absolute;
        left:0;
        top:50%;
        width:100%;
        height:18px;
        margin:-9px 0 0;
        line-height:1;
        text-align:center
    }
    .RadUpload.ruDisabled .ruButton
    {
        filter:alpha(opacity=60);
        opacity:.6
    }
    .RadUpload.ruDisabled .ruFakeInput
    {
        filter:alpha(opacity=60);
        opacity:.6
    }
    .RadUpload_rtl .ruBrowse
    {
        margin-left:0;
        margin-right:3px
    }
    .RadUpload_rtl .ruFileLI .ruButton
    {
        margin-right:10px;
        margin-left:0
    }
    .RadUpload_rtl .ruFileLI .ruButton.ruRemove:before
    {
        margin-right:0;
        margin-left:3px
    }
    .t-ie8 .ruUploadSuccess .radIcon
    {
        background-image:url('Common/Upload/AsyncStates.png');
        background-position:3px -15px
    }
    .t-ie8 .ruUploadCancelled .radIcon,.t-ie8 .ruUploadFailure .radIcon
    {
        background-image:url('Common/Upload/AsyncStates.png');
        background-position:3px -65px
    }
    .t-ie8 .ruUploadCancelled .radIcon:before,.t-ie8 .ruUploadFailure .radIcon:before
    {
        background:transparent
    }
  3. Joel
    Joel avatar
    185 posts
    Member since:
    Oct 2006

    Posted 04 May 2017 in reply to Justin Link to this post

    Thanks! I will give that a try. For reference, this is in Firefox 
  4. Joel
    Joel avatar
    185 posts
    Member since:
    Oct 2006

    Posted 11 May 2017 Link to this post

    Changing to rendermode="lightweight" resolved the issue.
Back to Top