Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > FormDecorator > Bottom of CheckBox cut off

• Michael Master

  Posted on Jul 10, 2008 (permalink)

  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

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Jul 10, 2008 (permalink)

  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

  Reply


• Michael Master

  Posted on Jul 10, 2008 (permalink)

  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.

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Jul 10, 2008 (permalink)

  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

  Reply

• Michael Master

  Posted on Jul 10, 2008 (permalink)

  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!

  Reply

• Answer Georgi Tunev Georgi Tunev

  Posted on Jul 11, 2008 (permalink)

  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

  Attached files

  • DownloadFutures.jpg

  Reply

• Michael Master

  Posted on Jul 11, 2008 (permalink)

  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.

  Reply

• Paul Intermediate

  Posted on Jul 11, 2008 (permalink)

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

  Reply

• Michael Master

  Posted on Jul 11, 2008 (permalink)

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

  Reply

• Charles

  Posted on Sep 21, 2008 (permalink)

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

  Reply

• DGDev

  Posted on Nov 3, 2008 (permalink)

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

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > FormDecorator > Bottom of CheckBox cut off