RadGrid Scrollbar Theme

4 posts, 1 answers
  1. Ben
    Ben avatar
    11 posts
    Member since:
    Dec 2015

    Posted 28 Apr 2016 Link to this post


    I have created a custom theme for our application. I have themed the RadGridView and the RadScrollbars. The issue I have is the scrollbars on the grid.do not respect the theme that was created for the scrollbars. The scrollbar theme does not have dark borders around all of the objects, they are light gray. Yet the grid does not have the light borders. Is these something I am missing?

    There is a screen shot attached.



  2. Answer
    Hristo avatar
    1519 posts

    Posted 29 Apr 2016 Link to this post

    Hello Ben,

    Thank you for writing back.

    It appears that you have a setting in your theme for displaying the borders. You can access the BorderPrimitive objects of the RadScrollbar element in the VSB tool and set their ShouldPaint property to false. I am sending you attached a screenshot for hiding the border of the thumb.

    If you would like you can also perform these modifications at run-time, please check my code snippet below: 
    public Form1()
    private void RemoveScrollbarBorders(RadScrollBarElement radScrollBarElement)
        radScrollBarElement.BorderElement.ShouldPaint = false;
        radScrollBarElement.ThumbElement.ThumbBorder.ShouldPaint = false;
        radScrollBarElement.FirstButton.ButtonBorder.ShouldPaint = false;
        radScrollBarElement.SecondButton.ButtonBorder.ShouldPaint = false;

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

    Hristo Merdjanov
    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
  3. Ben
    Ben avatar
    11 posts
    Member since:
    Dec 2015

    Posted 29 Apr 2016 in reply to Hristo Link to this post


    I needed to change the scrollbar border colors, not remove them. You code snippet did still help point me in the correct direction.

    Below is the code I came up with if anyone else wants it.

    Thank You,



    public void SetCoreGridScrollbars()
                // You have to do the grid scrollbar colors in manually since it does not follow the theme
                // set the color once once
                var scrollBorderColor = Color.FromArgb(168,168,168);
                this.TableElement.VScrollBar.ThumbElement.ThumbBorder.ForeColor = scrollBorderColor;
                this.TableElement.VScrollBar.FirstButton.ButtonBorder.ForeColor = scrollBorderColor;
                this.TableElement.VScrollBar.FirstButton.ArrowPrimitive.ForeColor = scrollBorderColor;
                this.TableElement.VScrollBar.SecondButton.ButtonBorder.ForeColor = scrollBorderColor;
                this.TableElement.VScrollBar.SecondButton.ArrowPrimitive.ForeColor = scrollBorderColor;
                this.TableElement.HScrollBar.ThumbElement.ThumbBorder.ForeColor = scrollBorderColor;
                this.TableElement.HScrollBar.FirstButton.ButtonBorder.ForeColor = scrollBorderColor;
                this.TableElement.HScrollBar.FirstButton.ArrowPrimitive.ForeColor = scrollBorderColor;
                this.TableElement.HScrollBar.SecondButton.ButtonBorder.ForeColor = scrollBorderColor;
                this.TableElement.HScrollBar.SecondButton.ArrowPrimitive.ForeColor = scrollBorderColor;

  4. Dimitar
    Dimitar avatar
    2892 posts

    Posted 02 May 2016 Link to this post

    Hi Ben,

    Thank you for sharing your solution with the community. If you have any other questions, please do not hesitate to contact us.

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