Have other content same row/line as asyncupload control?

2 posts, 0 answers
  1. Sam Tran
    Sam Tran avatar
    83 posts
    Member since:
    Nov 2006

    Posted 27 Mar 2013 Link to this post


    On your default example of the async upload control, you have some text and images that appear before and after the upload control.
    (see attachment: telerikasyncuploaddemo.jpg)

    When I add anything in front or behind the control, it puts the control on it's own line.
    (see attachment: howtogetallonsameline.jpg)

    I've tried to trace your css to see how you're getting it all on one line and can't get it right...don't want to spend any more time on this...help!!!
  2. Hristo Valyavicharski
    Hristo Valyavicharski avatar
    975 posts

    Posted 29 Mar 2013 Link to this post

    Hi Sam,

    First you will have to hide the file input. You could achieve this by setting HideFileInput to true
    <div class="qsf-demo-canvas">
                <div class="qsf-fb">
                    <div class="qsf-fb-group qsf-fb-attachments">
                        <strong>Attachments</strong><telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" HideFileInput="true"></telerik:RadAsyncUpload>

    Then you can add "Attachment" text before RadAsyncUpload. In the demo image before text is added as a background through css:
    <style type="text/css">
        .qsf-demo-canvas .RadUpload {
            display: inline-block;
            vertical-align: bottom;
        .qsf-demo-canvas .qsf-fb-attachments strong {
            background: url("images/qsf-demo-attachment-bg.png") no-repeat scroll left center transparent;
            display: inline-block;
            line-height: 24px;
            padding-left: 15px;
            vertical-align: bottom;
            width: 85px;
    display: inline-block puts elements on the same row. I'm attaching small sample for your reference.

    Note : dll files are removed from the attachment.

    Hristo Valyavicharski
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
Back to Top