RadDatePicker upper border line not displayed

10 posts, 0 answers
  1. Jesús
    Jesús avatar
    53 posts
    Member since:
    Oct 2007

    Posted 09 Aug 2012 Link to this post

    Hi.

    This morning I migrated from the old 2010 Q1 version of ASP.NET AJAX to the just released 2012 Q2. All seems it's working fine, faster I think, but I have the following visualization trouble with RadDatePicker using the same stylesheets as 2010 Q1, I don't change anything.

    I don't use embedded stylesheets, it was the same stylesheets unembedder because we'd like to change some things, but in other controls.

    Regards.

  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 14 Aug 2012 Link to this post

    Hi Jesús,


    The issue is replicated on our side. It is already reported to our developers and they are investigating it.

    In the meantime, could you use the following CSS workaround

    Copy Code
    * + html body span.riSingle input[type="text"].riTextBox
    {
        margin-top: 0;
    }

    Please check it out and let me know how it goes.

    Greetings,
    Galin
    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. Xenophon
    Xenophon avatar
    1 posts
    Member since:
    Jul 2007

    Posted 15 Aug 2012 Link to this post

    Hi Galin

    Could you be a bit more specific as to how I would use this CSS workaround.   Where do I put the code you suggest and how do you action it.

    Many thanks

    Dennis Constantinou
  5. Galin
    Admin
    Galin avatar
    526 posts

    Posted 15 Aug 2012 Link to this post

    Hello Dennis,

    You should place it in the header section or in a external CSS file.

    All the best,
    Galin
    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.
  6. Ashish
    Ashish avatar
    12 posts
    Member since:
    Aug 2012

    Posted 05 Sep 2012 Link to this post

    Hello Telerik Team,

    I have used the RadDatePicker in my site at many places, and recently I have updated the Telerik version to “2012.2.724.35” and after that I am facing many design issues related to “RadDatePicker”.

    Older Version we were using                     : 2011.1.519.35

    New Version currently we are using        : 2012.2.724.35

    After upgrading the Telerik version, I have faced the following issue.

    The upper border of the RadDatePicker is missing.

    I have referred the Telerik forums and from there I got following solutions but after applying them, i still facing some issue.

    Solution 1: When using following style:

    <style type="text/css">

            * + html body span.riSingle input[type="text"].riTextBox

            {

                margin-top: 0;           

            }

    </style>

     

    After appling the above css the upper border of RadDatePicker is visible but when the page renders, the right border of the DatePicker controls flickers and again goes back to original position. The same thing is happens on every page post back.  Is there any way to avoid the Flickering of the right borders, so that it will look consistent.

    When the page renders the RadDatePicker is looking like as shown in screenshot "1.png".

     

    Solution 2: When using “EnableSIngleInputRendering” property:

     

    Previously the RadDatePicker control has EnableSIngleInputRendering = “true” and width = “120px”, as we can see that the “upper border” of the control is not visible.

     

    To resolve the “missing upper border” issue, I have set the the EnableSIngleInputRendering = “false” and kept the width = “120px” i.e. as it is but as we can see that although the “upper border” of the control is visible but the width is not as we have specified i.e. “120px” It is more than that. Please refer screenshot "2.png".

     

    We have tried both the above solutions but didn’t get desired result. Is there any workaround for these scenario?

    Thanks,
    Ashish

  7. Galin
    Admin
    Galin avatar
    526 posts

    Posted 12 Sep 2012 Link to this post

    Hi Ashish,

    The issue with the top border is fixed in Q2 SP2, which will be available to download tomorrow.

    Also, the wrong width and EnableSingleInputRendering to false is new issue for us and will be fixed in the next internal build. In the meantime, could you use the following CSS rule

    span.RadInput
    {
        width: auto;
    }

    I hope this helps.

    All the best,
    Galin
    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.
  8. Ashish
    Ashish avatar
    12 posts
    Member since:
    Aug 2012

    Posted 12 Sep 2012 Link to this post

    Hi Galin,

    Thanks for replying on this issue. I have tried the workaround that you have provided but it didn't work for us.
    We are still facing the same issue, as I have described in my previous post. 

    As you have said, that the issue with the top border will be fixed in Q2 SP2, which will be available to download tomorrow. Kindly provide the link to download the same.

    Thanks for helping on this,

    Ashish
  9. Galin
    Admin
    Galin avatar
    526 posts

    Posted 17 Sep 2012 Link to this post

    Hi Ashish,

    You can check out this blog post:
    http://blogs.telerik.com/blogs/posts/12-09-14/new-version-released-download-telerik-s-asp-net-ajax-controls-q2-2012-sp2.aspx

    I hope this helps.

    Greetings,
    Galin
    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.
  10. KK60
    KK60 avatar
    12 posts
    Member since:
    Apr 2010

    Posted 17 Sep 2012 Link to this post

    I've just upgraded to V.2012.2.912.40 and I now have the issue where the right border of the input field on the RadDatePicker (with Calendar button) is not rendered on any page I use it on.

    I am using IE 9.

    Interesting to note: one of my pages has the RadDatePicker rendered initially "disabled."  When I use AJAX to "enable" the controls, the right border of the input field is drawn.  Subsequent disable/enable of the control always draws the right border.  Just FYI.

    Is there any work-around for this issue?  I have tried some of the CSS in other "size issue" posts in this forum, but none have worked.

    Thank you,
    Carmen
  11. Galin
    Admin
    Galin avatar
    526 posts

    Posted 20 Sep 2012 Link to this post

    Hello Carmen,

    I am afraid the issue you are facing is not replicable on my side. Could you please give me more details on what you are trying to achieve or possibly a small running project that I can use to reproduce the case.
    Alternatively a live URL will help me as well.


    Greetings,
    Galin
    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
UI for ASP.NET Ajax is Ready for VS 2017