RadButton Border with Custom Shape

3 posts, 1 answers
  1. Mike
    Mike avatar
    16 posts
    Member since:
    Mar 2018

    Posted 28 May 2018 Link to this post


    I have been having trouble determining where I can locate and remove the dashed border on RadButtons.  I believe it is the focus border, but I am not sure.

    I have seen examples of setting the Got/Lost focus events to remove the ButtonElement border once focused, however this removes the highlight border as well as the dashed border which I do not want.

    Although I don't like the way it looks it has been tolerable, but now that I have created buttons with a custom shape I need to figure this out.

    The dashed border still appears to be square, even though the button itself is not.  I have attached an image that shows what I mean.

    Can you please help me remove the dashed borders altogether?  If not, I would at least like them to have the same shape as the button itself.

    Thanks for your help.

  2. Answer
    Hristo avatar
    1522 posts

    Posted 29 May 2018 Link to this post

    Hello Mike,

    Thank you for writing.

    The dashed border is actually the focus cues which are shown when the button receives the focus. Since you are having a custom shape, you can consider setting the AllowShowFocusCues property to false
    public partial class RadForm1 : Telerik.WinControls.UI.RadForm
        public RadForm1()
            this.radButton1.AllowShowFocusCues = false;

    I hope this helps. Let me know if you need further assistance.

    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Mike
    Mike avatar
    16 posts
    Member since:
    Mar 2018

    Posted 29 May 2018 in reply to Hristo Link to this post

    Hi Hristo,

    That did the trick! Thanks for your help.



Back to Top