Button text float to right

9 posts, 1 answers
  1. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 16 Jul 2009 Link to this post

    Hi. I noticed since upgrading to Q2 2009 (2009_2_701) controls that input buttons text are floating to the right instead of center when the page uses the FormDecorator. Is this a bug or by design? You can clearly see it in the demos.

    http://demos.telerik.com/aspnet-ajax/formdecorator/examples/default/defaultcs.aspx

    Applying a float: none !important or text-align: center !important just seems to remove all formatting on the button.

    Daniel
  2. Answer
    Martin
    Admin
    Martin avatar
    585 posts

    Posted 16 Jul 2009 Link to this post

    Hi Daniel,

    Actually, this is bug with IE7. The fix is as follows:

    *+html .rfdSkinnedButton *
    {
     padding-left: 6px !important;
    }

    The fix will be visible to IE7 only, and will not affect other browsers.

    All the best,
    Martin Ivanov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 16 Jul 2009 Link to this post

    Ineed it is a bug with IE7. I should have tested it with FF before jumping the gun. Thanks for the work around Martin.
  5. Rich
    Rich avatar
    11 posts
    Member since:
    Oct 2006

    Posted 04 Oct 2010 Link to this post

    Hi All

    I am having this same problem and have tried the CSS without help. I am getting this on all 5 of the major browsers. See attached image for an example.

  6. Rich
    Rich avatar
    11 posts
    Member since:
    Oct 2006

    Posted 04 Oct 2010 Link to this post

    Ok...Never mind...

    There was a problem elsewhere in my CSS.
  7. Rafal Tynski
    Rafal Tynski avatar
    13 posts
    Member since:
    Oct 2009

    Posted 10 Dec 2010 Link to this post

    I have the same problem in version 2010.3.1109.35. :(
  8. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 11 Dec 2010 Link to this post

    Hi Rafal,

    If the solutions suggested here does not help, please open a support ticket and send us a sample project so we can investigate.


    Regards,
    Georgi Tunev
    the Telerik team
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
  9. Big Q
    Big Q avatar
    30 posts
    Member since:
    Jan 2010

    Posted 18 Feb 2011 Link to this post

    I also have this problem with my IE8, the text float to right. RadControl version is 2010.1317.40. Last version did not has such problem, but after upgraded, it appears.
  10. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 21 Feb 2011 Link to this post

    Hello,

    Try adding the following style:
    .rfdButton input.rfdDecorated[type="button"],
    .rfdButton input.rfdDecorated[type="reset"],
    .rfdButton input.rfdDecorated[type="submit"],
    .rfdButton .rfdSkinnedButton button,
    .rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover *
    {
        padding: 0 6px 0 10px !important;
    }


    Regards,
    Georgi Tunev
    the Telerik team
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017