Safari - More than one RadUpload control on page not displaying

[Nolan]

I have a page that I have 2 RadUpload controls on, and they work and display fine with IE 7/FF 3.5, however with Safari I only see the first upload control, while the second one is not displayed. Any help would be greatly appreciated.

[Genady Sergeev]

Hi Nolan,

In general, RadUpload should work as expected under Safari. It seems that your case is an isolated one. Can you provide us with your mark-up. Also the Safari version that you are using may come handy.

Kind regards,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Nolan]

The version of Safari I'm testing it with is 4.0.2.

Markup code is as follows:

<%@ Page Language="C#" MasterPageFile="~/admin/mpAdmin.master" AutoEventWireup="true"
    CodeFile="adminVideo.aspx.cs" Inherits="admin_adminVideo"
    Title="Add/Edit Video" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="radU" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:ValidationSummary runat="server" ID="valSummary" ShowSummary="false" ShowMessageBox="true" />

    <script type="text/javascript">

    function ValidateRadUpload1(source, arguments)
    {
        arguments.IsValid = getRadUpload('<%= radUpload.ClientID %>').validateExtensions();
    }

    function ValidateRadUploadImage(source, arguments)
    {
        arguments.IsValid = getRadUpload('<%= radUploadImage.ClientID %>').validateExtensions();
    }

    </script>

    <img src="gfx/blank.gif" alt="" height="10" width="428"><br>
    <img src="gfx/hl_addEditVideo.gif"><br>
    <img src="gfx/blank.gif" alt="" height="7" width="1"><br>
    <img src="gfx/line.gif" alt="" height="1" width="428"><br>
    <img src="gfx/blank.gif" alt="" height="20" width="1"><b><br>
    </b>
    <table style="width: 656px">
        <tr>
            <td>
                Title:</td>
            <td>
                <asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>
                <asp:RequiredFieldValidator runat="server" ID="rfvTitle" ControlToValidate="txtTitle"
                    ErrorMessage="Please enter a video title" Display="None"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td>
                Category:</td>
            <td>
                    <asp:DropDownList runat="server" id="ddlCategory" DataTextField="CategoryName" DataValueField="ID"></asp:DropDownList>
                <asp:RequiredFieldValidator runat="server" ID="rfvCategory" ControlToValidate="ddlCategory" InitialValue="-1"
                    ErrorMessage="Please select a category" Display="None"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td>
                Video File:</td>
            <td>
                <span class="regtext">File Type allowed: .flv</span>
                <radU:RadProgressManager ID="radProgressManager" runat="server" ></radU:RadProgressManager>
                <radU:RadUpload ID="radUpload" runat="server" ControlObjectsVisibility="ClearButtons"
                    EnableFileInputSkinning="true" EnableTheming="true" MaxFileInputsCount="1"
                    MaxFileSize="0" OverwriteExistingFiles="True"></radU:RadUpload>
                <asp:CustomValidator ID="valExtension" runat="server" Display="none" ClientValidationFunction="ValidateRadUpload1"
                    ErrorMessage="The chosen file type is not allowed."></asp:CustomValidator>
                <radU:RadProgressArea ID="radProgressArea" runat="server">
                </radU:RadProgressArea>
                <asp:Label runat="server" ID="lblSelectAVideoFile" ForeColor="Red" Text="Please select a file to upload."
                    Visible="false"></asp:Label>
                <asp:Panel runat="server" ID="pnlExistingFile" Visible="false">
                    <span style="font-size: 8pt;">Existing file:
                        <asp:HyperLink runat="server" ID="lnkExistingFile" Target="_blank"></asp:HyperLink></span>
                    <asp:CheckBox runat="server" ID="chkKeepExistingVideo" Text="Keep existing file?" />
                </asp:Panel>
            </td>
        </tr>
        <tr>
            <td style="vertical-align: top;">
                Image Thumbnail:</td>
            <td>
                <span class="regtext">File Types allowed: .gif .jpg .jpeg .png (Thumbnail images should
                    be 100 X 133 px.) </span>
                <radU:RadUpload ID="radUploadImage" runat="server" ControlObjectsVisibility="ClearButtons" EnableTheming="True" MaxFileInputsCount="1"
                    OverwriteExistingFiles="True"></radU:RadUpload>
                <asp:CustomValidator ID="valExtensionImage" runat="server" Display="none" ClientValidationFunction="ValidateRadUploadImage"
                    ErrorMessage="The chosen image file type is not allowed."></asp:CustomValidator>
                <asp:Panel runat="server" ID="pnlExistingImage" Visible="false">
                    <br />
                    <span style="font-size: 8pt;">Existing Thumbnail:<br />
                        <asp:Image runat="server" ID="imgThumbnail" Width="133" Height="100"></asp:Image></span><br />
                    <asp:CheckBox runat="server" ID="chkKeepImage" Text="Keep existing image?" /><br />
                    <br />
                </asp:Panel>
            </td>
        </tr>
        <tr>
            <td>
                Description:</td>
            <td>
                <asp:TextBox ID="txtVideoDescription" runat="server" Width="409px" MaxLength="50"
                    Rows="5" TextMode="MultiLine"></asp:TextBox></td>
        </tr>
        <tr>
            <td>
                Sort Order:</td>
            <td>
                <asp:TextBox runat="server" ID="txtSortOrder" Columns="1" Style="text-align: right;"></asp:TextBox>
                <asp:CompareValidator runat="server" ID="cmpSortOrder" ControlToValidate="txtSortOrder"
                    Display="None" ErrorMessage="Sort Order must be numeric" Operator="DataTypeCheck"
                    Type="Integer"></asp:CompareValidator>
            </td>
        </tr>
        <tr>
            <td>
                Display (EN):</td>
            <td>
                <asp:CheckBox runat="server" ID="chkDisplayEn" Checked="true" />
            </td>
        </tr>
        <tr>
            <td>
                Display (FR):</td>
            <td>
                <asp:CheckBox runat="server" ID="chkDisplayFr" Checked="true" />
            </td>
        </tr>
         <tr>
            <td>
               Allow HD:</td>
            <td>
                <asp:CheckBox runat="server" ID="chkIsHD" />
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;
            </td>
            <td>
                <asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save" /></td>
        </tr>
    </table>
</asp:Content>

[Kamen Bundev]

Hello Nolan,

I tried your markup in Safari 4.0.2 and it works as expected - there are two RadUploads and they both work. Maybe there are some general CSS rules on your site which may affect RadUpload rendering. Can you provide us with a whole sample project with the issue isolated or a live URL where I can observe this behavior in order to help you fix it. Thank you in advance.

Kind regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Nolan]

Hi Kamen,

Sorry for the lateness of the reply as I was on holidays for a few days. I have a sample project that I can give you, but I'm unsure as to where I should send it. Another thing I noticed, if I have use the uploader by dragging/dropping the required objects and registering with Web.Config, I can see two uploaders in Safari, but cannot click on either. However, when I add the Telerik.Web.UI_2009_2_723_trial hotfix files to the project, I now only see one uploader (which looks different than before), but can now upload with the one uploader.

- Nolan

[Kamen Bundev]

Hi Nolan,

You can open a support ticket and attach the file there.

How different is RadUpload with the newer release? I think the only visual change should be the added button hovers.

Regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Nolan]

I've attached a zip file containing the test project via Support Ticket (# 232569). As for the uploader "looking different", its as if the style is completely wiped and it looks like a default file uploader instead of the Telerik style, and the "clear" button disappears as well. Additionally, I noticed that if I build the project via Visual Studio, it seems like the changes from the hotfix get reverted, and everything goes back to before I added the files. I only see the hotfix changes if I copy the files manually into the directory and view the page without rebuilding the project.