Hello everyone, I have successfully changed the scroll bar color of the RadRichTextEditor control. However, no matter how I try to set and modify the color of the button on the scrollbar, it remains white. How can I achieve this? Thank you.
4 Answers, 1 is accepted
By modifying the properties of the RadRichTextEditor, I was able to successfully change the border color of the ScrollBarThumb. Additionally, the Grip Image can be adjusted to modify the image displayed in the middle of the thumb. Moreover, you can reset the Grip Image in the code with a single line: this.radRichTextEditor1.RichTextBoxElement.VerticalScrollBar.ThumbElement.GripImage = null;
.
Although I haven't yet successfully tested the specific code for changing the border color, this approach has resolved my issue with controlling the scrollbar border color.Everyone can watch the solve-change-color-show.png to guide modification.
Hello, Kevin,
Thank you for sharing your solution with the community so that other clients with similar questions can benefit from it.
Hello, Kevin,
To change the color of the scroll bar thumb you should access the ThumbElement and set its ThumbFill property as follows:
this.radRichTextEditor1.RichTextBoxElement.VerticalScrollBar.ThumbElement.ThumbFill.BackColor = Color.Red;
this.radRichTextEditor1.RichTextBoxElement.VerticalScrollBar.ThumbElement.ThumbFill.GradientStyle = Telerik.WinControls.GradientStyles.Solid;
I hope this helps. Please let me know if you have other questions.
Regards,
Nadya | Tech Support Engineer
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hi Nadya,
Thank you for your response. You previously replied to my question, but what I want is to solve the issue where the slider has a white outer border, and there are also three white horizontal bars in the middle. I want to either hide this white outer border and the three white horizontal bars in the middle or change their color to black. How can I achieve this? Thank you.
RadRichTextEditor Color Change
Hi Nadya,
Thank you for your response. You previously replied to my question, but what I want is to solve the issue where the slider has a white outer border, and there are also three white horizontal bars in the middle. I want to either hide this white outer border and the three white horizontal bars in the middle or change their color to black. How can I achieve this? Thank you.
Hello, Kevin,
As you have already noticed Telerik controls are very flexible, and they offer element structure of each component that allows to be customized in different ways. Basically, every control offers a structure article in our documentation. For example, the scrollbars that are used in RadRichTextEditor have the following structure described here: Structure - WinForms ScrollBar - Telerik UI for WinForms
We always strive to provide as much information as possible in our documentation also demonstrating some elements with pictures or using code snippets, so that our clients can easily find it and adopt to your specific needs. But some of our controls have very complex structure and thus become difficult to capture all possible cases that clients may have.
In such cases when you have difficulties achieving a specific look or behavior, you can always submit a support ticket, and a support engineer will contact you with more details about the specific case that you have. Moreover, keep in mind that support tickets are handled before forum threads, and you will be able to receive a reply faster than submitting your question into the forum.
I hope this information is useful. If you have any other questions, please do not hesitate to write back.