Have other content same row/line as asyncupload control?

[Sam]

Hi,

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!!!

[Hristo Valyavicharski]

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>
                </div>
            </div>
        </div>

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;
    }
</style>

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.

Regards,
Hristo Valyavicharski
the Telerik team