3 posts, 0 answers
  1. Michael
    Michael avatar
    2 posts
    Member since:
    May 2016

    Posted 26 May Link to this post

    I'm a noob to Telerik controls. I just purchased the UI for ASP.NET AJAX controls. I just started playing with them and I'm stuck getting a simple RadCheckBox deployed. I've got the RadScriptManager and RadSkinManger in my aspx page. I added a RadCheckBox which for some reason shows as a button in the IDE. I've tried configuring many different properties of the check box. When I run it all I see is the Text I have defined for it. There is no checkbox to click. If I click the text it behaves (the first click) like a button (it depresses) but then on subsequent clicks, nothing.

    I'm sure there is something super simple that I'm just not seeing. I haven't played with any other controls so I'm not sure if I'm not configured properly?

    Thanks for any help!

  2. Michael
    Michael avatar
    2 posts
    Member since:
    May 2016

    Posted 26 May in reply to Michael Link to this post

    I think I may see now. Using the RadButton and setting the ToggleType to checkBox makes a checkbox. But, what is the RadCheckBox used for?
  3. DevCraft R3 2016 release webinar banner
  4. Marin Bratanov
    Marin Bratanov avatar
    3558 posts

    Posted 31 May Link to this post

    Hello Michael,

    RadCheckBox renders as a <button> HTML element, so if the styles and scripts that apply visual appearance and functionality on it are not loaded, you will get a button. This happens when the requests for those resources fail to return. You can use the browser dev toolbar to see if this is the case.

    Considering you are using a RadScriptManager, there are two common reasons why this may happen:

    I also advise that you ensure your web.config contains the needed handler registrations and that they are correct. You can copy them from this section (Example 1): http://docs.telerik.com/devtools/aspnet-ajax/general-information/web-config-settings-overview#mandatory-additions-to-the-webconfig.

    If you are using RadCheckBox and RadButton on the same page, make sure the RadButton RenderMode is set to Lightweight: http://docs.telerik.com/devtools/aspnet-ajax/controls/checkbox/troubleshooting/distorted-appearance.

    As for the difference between RadButton and RadCheckBox—RadButton is a control that tries to do all at (buttons, link buttons, radio buttons, image buttons, checkboxes) and thus is difficult to configure and setup properly. This is why we created standalone controls for this purpose (RadPushButton, RadLinkButton, RadImageButton, RadCheckBox and we are now working on a RadioButton+RadioButtonList). They are easy to setup and configure and also default to the lightweight render mode which makes use of CSS3 and font icons to make them more flexible and easier to customize.

    Thus, I advise you use RadCheckBox instead of RadButton.

    I hope this explains the situation. Let me know if you have further questions.


    Marin Bratanov
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top