RadDatepicker: How to remove gap between input-box and calendar button.

2 posts, 0 answers
  1. wanlop
    wanlop avatar
    16 posts
    Member since:
    Nov 2010

    Posted 19 Sep 2012 Link to this post


    I have written code in a C-sharp for add the control "RadDatepicker" to my webpage.

    When this control have been rendered I found it have gap between the input area and Calendar popup button.
    When I looking on the HTML result and I found the Input area have been assigned the style-sheet follow below.

    <td class="rcInputCell" style="width:100%;padding-right:4px;">

    What should i do for remove "padding-right" from inline style sheet.

    Best Regards,
  2. Maria Ilieva
    Maria Ilieva avatar
    4017 posts

    Posted 24 Sep 2012 Link to this post

    Hi Wanlop,

     Note that the space you have mentioned between the input and the calendar popup is not applied due to the padding setting but mostly due to the popup background image size which is exactly as big as needed to avoid spaces. You could see the small sample attached which actually shows that if only color is set instead of background image for the PopUp button the image is exactly next to the input. Therefore the only possible approach is to totally change the popup image with the one you need.

    Maria Ilieva
    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.
Back to Top