Telerik RadUpload浏览按钮在文本框下方移动

Question

我正在开发一个Web Forms应用程序，它需要Telerik RadUpload控件来处理文件上传。默认情况下，RadUpload控件看起来像 以下内容：

但是我希望浏览按钮位于文件上传文本框的下一行，旁边有一个附加按钮，如下所示：

我想知道如何实现这一目标？我是否需要一些CSS来定义它的布局？如果是这样，我如何选择此控件？或者WebForms是否有自己的处理布局的方式（我对WebForms的经验有限）。

<telerik:RadUpload ID="tstUpload" runat="server" InitialFileInputsCount="1" MaxFileInputsCount="1" ControlObjectsVisibility="None" OverwriteExistingFiles="True"
EnableFileInputSkinning="true">
  <Localization Select="<%$ Resources:Side,Test %>" />
</telerik:RadUpload>

非常感谢！

Answer 1

RadUpload的官方支持已于2013年6月停止。

请勿使用RadUpload，因为文档告诉您：

  

Caution:

     

RadUpload已被Telerik的下一代ASP.NET上传组件RadAsyncUpload取代。
如果您正在考虑使用Telerik的上传控件进行新开发，请查看RadAsyncUpload文档或控件的产品页面。
如果您已经在项目中使用RadUpload，您可能有兴趣阅读在此博客文章中过渡到RadAsyncUpload是多么容易以及如何从中受益。
对RadUpload的官方支持已于2013年6月（2013年第二季度）停止使用，但该套件仍然可以使用。
我们深信RadAsyncUpload可以更好地满足您的上传需求，我们恳请您过渡到它，以确保您利用其支持和我们不断添加的新功能。

定型

以下是关于customising the rad upload的快速分步教程 以下是creating a custom RadAsyncUpload skin上的快速分步教程。

所以是的，你可以做到这一点。一些Css可​​以用来做到这一点，或者添加<br/>的简单Js也可以是一个解决方案。

Answer 2

这里是CSS，将“选择”按钮移至输入下方：

<style>
    .RadUpload .ruFileWrap {
        height: 46px !important;
    }
    .RadUpload_Default .ruButton {
        display: block !important;
    }
</style>