CloudUpload - Integration with RadDock

Select Files to Upload

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

Select a file for upload and watch the upload details pane appearing on the dock on the right. You could easily specify the container of the File List Panel, by setting the FileListPanelZone property from the FileListPanelSettings section.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="CloudUpload.Examples.IntegrationWithRadDock.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">
<html xmlns=''>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" type="text/css" rel="stylesheet" />
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadDock RenderMode="Lightweight" runat="server"  Style="z-index: 100000" Top="243px" Left="316px" ID="RadDock1" DockMode="Floating" DefaultCommands="None" Title="Info panel" Width="500px">
            <div class="InfoPanel"></div>
    <div class="localhostInfoPanel">
        <qsf:MessageBox ID="LocalhostInfoPanel" Icon="Info" Type="Info" runat="server" Visible="false">
                <b>Note</b>: If you are viewing this demo locally, you need to configure RadCloudUpload via the Design-time Wizard in order to run the example.
                 For more details, check out the online help <a href="">articles</a>.
    <div class="demo-container size-narrow">
        <div class="qsf-demo-canvas integration-with-dock">
            <h3 class="additional-text">Select Files to Upload</h3>
            <telerik:RadCloudUpload ID="RadCloudUpload1" runat="server" RenderMode="Lightweight" MultipleFileSelection="Automatic" OnFileUploaded="RadCloudUpload1_FileUploaded"
                ProviderType="Azure" MaxFileSize="3145728">
                <FileListPanelSettings PanelContainerSelector=".InfoPanel" Height="200px" ShowEmptyFileListPanel="true" />


Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?