Basic Date Picker Forums

OK, I give up. How do I change the width of a timepicker control when it's set to SingleTextBox?

Hi cliffb,

Here's a few options...

1. Set the InputStyle property

<BDP:TimePicker ID="TimePicker1" runat="server" DisplayType="SingleTextBox">
    <InputStyle Width="150px" />
</BDP:TimePicker>

Although I just noticed that the width is not being picked up in VS Design Mode. Seems to be fine at runtime, just not during design. We should be able to fix that shortly.

2. Add an input style to your page.

<style type="text/css">
    input {
        width: 150px;
    }
</style>

3. If you want finer Css control over only the TimePicker input field, then applying a CssClass should help.

<style type="text/css">
    .TimePicker input {
        width: 150px;
    }
</style>

<BDP:TimePicker
    ID="TimePicker1"
    runat="server"
    DisplayType="SingleTextBox"
    CssClass="TimePicker"
    />


Hope this helps.

---

Thanks,
Geoffrey McGill
----------------------------------------
Coolite Inc.
Email: support [at] coolite [dot] com
Phone: +1(888)775-5888