Datepicker inline in UI for ASP.NET AJAX

This is a migrated thread and some comments may be shown as answers.

Datepicker inline

4 Answers 42 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

Paul asked on 08 Dec 2011, 06:30 PM

notinline.png

I'm new to radcontrols and need to know how to set the date picker to line up with the other controls... It's below the line a the line a little bit from the pictures. I'm not sure how to correct this error.

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
    .formLayout
    {
        background-color: #f3f3f3;
        border: solid 1px #a1a1a1;
        padding: 10px;
        width: 300px;
    }

    .formLayout label, .formLayout input
    {
        display: block;
        width: 120px;
        float: left;
        margin-bottom: 10px;
    }

    .formLayout label
    {
        text-align: right;
        padding-right: 20px;
    }

    br
    {
        clear: left;
    }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="formLayout">
        <label>Title</label>
        <select>
            <option>Mr.</option>
            <option>Dr.</option>
            <option>Ms.</option>
            <option>Mrs.</option>
        </select><br />
        <label>First Name</label>
        <input id="name" name="name"><br />
        <label>Last Name</label>
        <input id="Text1" name="name"><br />
        <label>Move in date:</label>
        <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
        </telerik:RadDatePicker><br/>
        <label>Address</label>
        <input id="address1"><br />
</div>
</asp:Content>

4 Answers, 1 is accepted

Accepted