Hi All
I am using Rad Upload control in which I have 2 buttons name select and Clear which are shifting (moving) on mouse hover showing this class (while inspecting in mozila)
.ruBotton .ruMousehover
{
background-position: 100% -23px;
width: 79px;
}
are these classes by default set to this control please let me how I can resolve my issue.
Thanks
I am using Rad Upload control in which I have 2 buttons name select and Clear which are shifting (moving) on mouse hover showing this class (while inspecting in mozila)
.ruBotton .ruMousehover
{
background-position: 100% -23px;
width: 79px;
}
are these classes by default set to this control please let me how I can resolve my issue.
Thanks
4 Answers, 1 is accepted
0

Shubham
Top achievements
Rank 1
answered on 25 Mar 2014, 05:00 PM
Hi All
Please let me know how can I resolve my issue ASAP its really urgent. Rad Upload control is working fine on a form but in this I am using it inside a <asp:Content> tag is this makes difference ?.
Thanks in advance
Please let me know how can I resolve my issue ASAP its really urgent. Rad Upload control is working fine on a form but in this I am using it inside a <asp:Content> tag is this makes difference ?.
Thanks in advance
0

Shinu
Top achievements
Rank 2
answered on 26 Mar 2014, 06:59 AM
Hi Shubham,
Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end. The provided information is not enough to replicate the issue. Please provide your code for further help.
ASPX:
Thanks,
Shinu.
Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end. The provided information is not enough to replicate the issue. Please provide your code for further help.
ASPX:
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"ContentPlaceHolder1"
runat
=
"Server"
>
<
telerik:RadUpload
ID
=
"RadUpload1"
runat
=
"server"
>
</
telerik:RadUpload
>
</
asp:Content
>
Thanks,
Shinu.
0

Shubham
Top achievements
Rank 1
answered on 26 Mar 2014, 07:38 AM
Hi Shinu
ok here is my code snippet hope it will help you to replicate the issue at your end
<%@ Page Title="Customer" Language="C#" MasterPageFile="~/MasterPages/Customer.master"
AutoEventWireup="true" CodeFile="Customer.aspx.cs" Inherits="CustomerPortal" %>
<%@ MasterType VirtualPath="~/MasterPages/Customer.master" %>
<asp:Content ID="CustomerPortal" ContentPlaceHolderID="ContentPlaceHolder_Content"
runat="server">
<telerik:RadCodeBlock ID="CustomerRadCodeBlock" runat="server">
<script type="text/javascript">
//when file cleared by user, do post back only if logo image is from table.
//no post back if default image is used OR no image displayed
function ImageRadUploadClientFileCleared(radUpload, eventArgs) {
try {
var currentImageUrl = document.getElementById('<%=CurrentRadBinaryImage.ClientID%>').src;
if (currentImageUrl != '') {
var defaultImageUrl = document.getElementById('<%=DefaultImageUrlHiddenField.ClientID%>').value;
if (currentImageUrl.match(defaultImageUrl.substring(1, defaultImageUrl.length)) == null) {
var radMgr = $find('<%=RadAjaxManager.GetCurrent(Page).ClientID %>');
radMgr.ajaxRequest("RadUploadFileClear");
return false;
}
}
}
catch (er) {
}
}
function ImageRadUploadClientFileSelected(radUpload, eventArgs) {
EnableSaveButton();
}
function EnableSaveButton() {
try {
document.getElementById('<%= SaveButton.ClientID%>').disabled = '';
}
catch (er) {
}
}
</script>
</telerik:RadCodeBlock>
<asp:HiddenField ID="DefaultImageUrlHiddenField" runat="server" Value="false" />
<telerik:RadSplitter ID="PortalRadSplitter" runat="server">
<telerik:RadPane ID="PortalSetupRadPane" runat="server" >
<table>
<tr>
<td class="PageHeaderClass">
<asp:Label ID="TitleLabel" runat="server" Text="Customer Portal"></asp:Label>
</td>
</tr>
</table>
</telerik:RadPane>
<telerik:RadPane ID="BottomRadPane" runat="server" >
<telerik:RadDockLayout ID="ServiceItemRadDockLayout" runat="server">
<asp:Label ID="MessageLabel" runat="server" Visible="false"></asp:Label>
<telerik:RadDockZone BorderStyle="None" ID="ServiceItemRadDockZone" runat="server">
<telerik:RadDock ID="CustomerRadDock" runat="server" DefaultCommands="None">
<TitlebarTemplate>
<table class="RadDockTitlebarTemplateTableClass">
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Text"/>
</td>
</tr>
</table>
</TitlebarTemplate>
<ContentTemplate>
<table width="100%">
<tr>
<td>
<asp:Label ID="LogoLabel" runat="server" Text="Image"></asp:Label>
</td>
</tr>
<tr>
<td >
<telerik:RadUpload ID="ImageRadUpload" runat="server" InputSize="20" Width="350px"
OnClientFileSelected="ImageRadUploadClientFileSelected" OnClientClearing="ImageRadUploadClientFileCleared"
TabIndex="1" MaxFileInputsCount="1"
InitialFileInputsCount="1" ControlObjectsVisibility="ClearButtons" onpaste="return false;"
ReadOnlyFileInputs="True" Localization-Select="Select"
AllowedFileExtensions=".bmp,.jpg,.jpeg,.jpe,.jfif,.gif,.tif,.tiff,.png,.ico">
</telerik:RadUpload>
</td>
</tr>
</table>
<table class="ContentPaddingLeft">
<tr>
<td>
<h3>
<asp:Label ID="RequestPageLabel" Text="Request Page" runat="server"></asp:Label>
</h3>
</td>
</tr>
</table>
</ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockCommand Text="Save Position" />
</Commands>
</telerik:RadDock>
<telerik:RadDock ID="ServiceItemRadDock" runat="server" DefaultCommands="None">
<TitlebarTemplate>
<table class="RadDockTitlebarTemplateTableClass">
<tr>
<td>
</td>
<asp:Label ID="Label1" runat="server" Text="Service Items" />
</tr>
</table>
</TitlebarTemplate>
<ContentTemplate>
<div >
<telerik:RadGrid ID="ItemRadGrid" runat="server" OnNeedDataSource="ItemRadGrid_NeedDataSource"
OnItemCreated="ItemRadGrid_ItemCreated" ShowGroupPanel="true"
HeaderStyle-Wrap="false">
<ClientSettings>
<Resizing AllowColumnResize="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="true"
ClipCellContentOnResize="true" />
</ClientSettings>
<MasterTableView runat="server" ShowFooter="false" TableLayout="Fixed" CommandItemDisplay="Top"
NoMasterRecordsText="No Records To Display" DataKeyNames="RepairRequestID">
<Columns>
here are different columns
</Columns>
</MasterTableView>
</telerik:RadGrid>
</div>
</ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockCommand Text="Save Position" />
</Commands>
</telerik:RadDock>
</telerik:RadDockZone>
</telerik:RadDockLayout>
</telerik:RadPane>
</telerik:RadSplitter>
</asp:Content>
Thanks
Shubham
ok here is my code snippet hope it will help you to replicate the issue at your end
<%@ Page Title="Customer" Language="C#" MasterPageFile="~/MasterPages/Customer.master"
AutoEventWireup="true" CodeFile="Customer.aspx.cs" Inherits="CustomerPortal" %>
<%@ MasterType VirtualPath="~/MasterPages/Customer.master" %>
<asp:Content ID="CustomerPortal" ContentPlaceHolderID="ContentPlaceHolder_Content"
runat="server">
<telerik:RadCodeBlock ID="CustomerRadCodeBlock" runat="server">
<script type="text/javascript">
//when file cleared by user, do post back only if logo image is from table.
//no post back if default image is used OR no image displayed
function ImageRadUploadClientFileCleared(radUpload, eventArgs) {
try {
var currentImageUrl = document.getElementById('<%=CurrentRadBinaryImage.ClientID%>').src;
if (currentImageUrl != '') {
var defaultImageUrl = document.getElementById('<%=DefaultImageUrlHiddenField.ClientID%>').value;
if (currentImageUrl.match(defaultImageUrl.substring(1, defaultImageUrl.length)) == null) {
var radMgr = $find('<%=RadAjaxManager.GetCurrent(Page).ClientID %>');
radMgr.ajaxRequest("RadUploadFileClear");
return false;
}
}
}
catch (er) {
}
}
function ImageRadUploadClientFileSelected(radUpload, eventArgs) {
EnableSaveButton();
}
function EnableSaveButton() {
try {
document.getElementById('<%= SaveButton.ClientID%>').disabled = '';
}
catch (er) {
}
}
</script>
</telerik:RadCodeBlock>
<asp:HiddenField ID="DefaultImageUrlHiddenField" runat="server" Value="false" />
<telerik:RadSplitter ID="PortalRadSplitter" runat="server">
<telerik:RadPane ID="PortalSetupRadPane" runat="server" >
<table>
<tr>
<td class="PageHeaderClass">
<asp:Label ID="TitleLabel" runat="server" Text="Customer Portal"></asp:Label>
</td>
</tr>
</table>
</telerik:RadPane>
<telerik:RadPane ID="BottomRadPane" runat="server" >
<telerik:RadDockLayout ID="ServiceItemRadDockLayout" runat="server">
<asp:Label ID="MessageLabel" runat="server" Visible="false"></asp:Label>
<telerik:RadDockZone BorderStyle="None" ID="ServiceItemRadDockZone" runat="server">
<telerik:RadDock ID="CustomerRadDock" runat="server" DefaultCommands="None">
<TitlebarTemplate>
<table class="RadDockTitlebarTemplateTableClass">
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Text"/>
</td>
</tr>
</table>
</TitlebarTemplate>
<ContentTemplate>
<table width="100%">
<tr>
<td>
<asp:Label ID="LogoLabel" runat="server" Text="Image"></asp:Label>
</td>
</tr>
<tr>
<td >
<telerik:RadUpload ID="ImageRadUpload" runat="server" InputSize="20" Width="350px"
OnClientFileSelected="ImageRadUploadClientFileSelected" OnClientClearing="ImageRadUploadClientFileCleared"
TabIndex="1" MaxFileInputsCount="1"
InitialFileInputsCount="1" ControlObjectsVisibility="ClearButtons" onpaste="return false;"
ReadOnlyFileInputs="True" Localization-Select="Select"
AllowedFileExtensions=".bmp,.jpg,.jpeg,.jpe,.jfif,.gif,.tif,.tiff,.png,.ico">
</telerik:RadUpload>
</td>
</tr>
</table>
<table class="ContentPaddingLeft">
<tr>
<td>
<h3>
<asp:Label ID="RequestPageLabel" Text="Request Page" runat="server"></asp:Label>
</h3>
</td>
</tr>
</table>
</ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockCommand Text="Save Position" />
</Commands>
</telerik:RadDock>
<telerik:RadDock ID="ServiceItemRadDock" runat="server" DefaultCommands="None">
<TitlebarTemplate>
<table class="RadDockTitlebarTemplateTableClass">
<tr>
<td>
</td>
<asp:Label ID="Label1" runat="server" Text="Service Items" />
</tr>
</table>
</TitlebarTemplate>
<ContentTemplate>
<div >
<telerik:RadGrid ID="ItemRadGrid" runat="server" OnNeedDataSource="ItemRadGrid_NeedDataSource"
OnItemCreated="ItemRadGrid_ItemCreated" ShowGroupPanel="true"
HeaderStyle-Wrap="false">
<ClientSettings>
<Resizing AllowColumnResize="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="true"
ClipCellContentOnResize="true" />
</ClientSettings>
<MasterTableView runat="server" ShowFooter="false" TableLayout="Fixed" CommandItemDisplay="Top"
NoMasterRecordsText="No Records To Display" DataKeyNames="RepairRequestID">
<Columns>
here are different columns
</Columns>
</MasterTableView>
</telerik:RadGrid>
</div>
</ContentTemplate>
<Commands>
<telerik:DockExpandCollapseCommand />
<telerik:DockCommand Text="Save Position" />
</Commands>
</telerik:RadDock>
</telerik:RadDockZone>
</telerik:RadDockLayout>
</telerik:RadPane>
</telerik:RadSplitter>
</asp:Content>
Thanks
Shubham
0

Shinu
Top achievements
Rank 2
answered on 26 Mar 2014, 09:01 AM
Hi Shubham,
Unfortunately I couldn't replicate the issue at my end. The provided code is working fine at my end. Please check the CSS in your page.
Thanks,
Shinu.
Unfortunately I couldn't replicate the issue at my end. The provided code is working fine at my end. Please check the CSS in your page.
Thanks,
Shinu.