Bottom of CheckBox cut off

[Mike]

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

[Georgi Tunev]

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

[Mike]

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.

[Georgi Tunev]

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

[Mike]

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!

[Georgi Tunev]

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

[Mike]

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.

[Paul]

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 ;)

[Mike]

You're welcome!  :)  Have a great weekend!

[Charles]

I too had this issue, but in setting the text property of the asp:Checkbox to Text=" " fixed my issue.

[DGDev]

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;
}