This is a migrated thread and some comments may be shown as answers.

Overwrite if file exists location

3 Answers 69 Views
FileExplorer
This is a migrated thread and some comments may be shown as answers.
Joel
Top achievements
Rank 2
Joel asked on 04 May 2017, 07:42 PM

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

 

 

3 Answers, 1 is accepted

Sort by
0
Justin
Top achievements
Rank 1
answered on 04 May 2017, 09:42 PM

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
}
0
Joel
Top achievements
Rank 2
answered on 05 May 2017, 01:13 AM
Thanks! I will give that a try. For reference, this is in Firefox 
0
Joel
Top achievements
Rank 2
answered on 11 May 2017, 02:04 PM
Changing to rendermode="lightweight" resolved the issue.
Tags
FileExplorer
Asked by
Joel
Top achievements
Rank 2
Answers by
Justin
Top achievements
Rank 1
Joel
Top achievements
Rank 2
Share this question
or