Bottom of CheckBox cut off

11 posts, 1 answers
  1. Mike
    Mike avatar
    338 posts
    Member since:
    Jun 2008

    Posted 10 Jul 2008 Link to this post

    I love this control, however the bottom of my checkboxes are getting cut off.  What would be causing this?  I have tried adding height to them and it doesn't make a difference.

    It looks like below, text is fine but as you can see the bottom is missing.
    __
    |   | CheckBoxText
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 10 Jul 2008 Link to this post

    Hi Mike,

    I tried to reproduce the problem locally with different browsers, but to no avail. You can also check our online demo -http://www.telerik.com/DEMOS/ASPNET/Prometheus/FormDecorator/Examples/Default/DefaultCS.aspx

    Is it possible that you are using some global styles that could interfere with the control? If you still experience problems, it will be best to open a support ticket and to send us a project where we can reproduce them.


    Regards,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mike
    Mike avatar
    338 posts
    Member since:
    Jun 2008

    Posted 10 Jul 2008 Link to this post

    I think the problem is that the font in my css is font-size: 9pt; and the bottom of the checkbox appears when I move it to font-size: 12pt;

    I don't want to change my font size to accommodate the checkboxes.
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 10 Jul 2008 Link to this post

    Hi Mike,

    Thank you for the additional details. Please download the "Futures" build and you should not experience this problem anymore. The build is available for download in the downloads section of your Client.net account.


    Sincerely yours,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  6. Mike
    Mike avatar
    338 posts
    Member since:
    Jun 2008

    Posted 10 Jul 2008 Link to this post

    Futures!  The link you provided only has a link to an image of futures download. 

    I have the latest version of Telerik Rad Controls, where do I download Futures?

    Also, I took the skin for the FormDecorator and made my own version then applied these changes and BAMM! it worked

    radfd_MySkin label.MySkin  
    {  
     /*color: #626262;   */  
    font-size:9pt;   
    padding: 3px 0px 10px 25px;  /* Used to show the bottom of the checkbox*/  

    Thanks!
  7. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 11 Jul 2008 Link to this post

    Hello George,

    The Futures release is available in the My Free Trials / RadControls for ASP.NET AJAX / Downloads section of your Client.net account - this is the section shown on the screenshot. For convenience I attached a new screenshot to this thread.


    Kind regards,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  8. Mike
    Mike avatar
    338 posts
    Member since:
    Jun 2008

    Posted 11 Jul 2008 Link to this post

    Thanks, I never would have known to click there to find them.  It is not the easiest way to locate a download, that is just my opinion.
  9. Paul
    Paul avatar
    76 posts
    Member since:
    Feb 2008

    Posted 11 Jul 2008 Link to this post

    Thanks George! I've been having this issue for a while and didn't have much luck until you posted this snippet. I was trying to set the style for everything but the label. Once I did that, then the bottom wasn't cut off anymore ;)
  10. Mike
    Mike avatar
    338 posts
    Member since:
    Jun 2008

    Posted 11 Jul 2008 Link to this post

    You're welcome!  :)  Have a great weekend!
  11. Charles
    Charles avatar
    1 posts
    Member since:
    Nov 2007

    Posted 21 Sep 2008 Link to this post

    I too had this issue, but in setting the text property of the asp:Checkbox to Text=" " fixed my issue.
  12. DGDev
    DGDev avatar
    42 posts
    Member since:
    Jul 2012

    Posted 03 Nov 2008 Link to this post

    Thanks for the tip Mike, however I found that with your CSS code, the label text was not vertically aligned within IE6.

    A more accurate fix would be too add this code snippet to your CSS skin file:

    /* checkbox settings */
    .radfd_MyIncubator .radfdCheckboxUnchecked,
    .radfd_MyIncubator .radfdCheckboxChecked
    {
        display:block;
        padding-left:23px;
    }
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017