Hello all,
We are starting to use this cool editor control,
But we would like to make some changes on tool bar style for instance remove its border.
How can we do it ?
We are using a file to manage the controls.
"<root>
We are starting to use this cool editor control,
But we would like to make some changes on tool bar style for instance remove its border.
How can we do it ?
We are using a file to manage the controls.
"<root>
<
tools name="MainToolBar" enabled="true" DockingZone="Top" border-left="none">
<
tool name="Undo"></tool>
<
tool name="Redo"></tool>"
but border-left no works :(
1 Answer, 1 is accepted
0
Hello Alex,
Your approach is logical, and although it is a standard .Net approach, it does not work with RadControls. Our controls rely strongly on CSS styling and skinning, and in order to modify a skin you need to:
1. Either override the properties that are used to style an element on the page with CSS and !important, i.e:
element
{
property: value !important;
}
2. Or set the skin as an external resource and modify it the way you want it to look. For more information on doing this, refer to the following KB article:
http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-q3-2008-skins-available-for-download.aspx
A hint for your particular scenario - the toolbar look and feel of RadEditor is made up of list (<div /><ul /><li />) items styled with CSS background, not with CSS border. I recommend you to use Microsoft Internet Explorer Developer Toolbar of FireFefox FireBug in order to inspect the code to figure out what has to be changed.
Have a great week,
Martin Ivanov
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Your approach is logical, and although it is a standard .Net approach, it does not work with RadControls. Our controls rely strongly on CSS styling and skinning, and in order to modify a skin you need to:
1. Either override the properties that are used to style an element on the page with CSS and !important, i.e:
element
{
property: value !important;
}
2. Or set the skin as an external resource and modify it the way you want it to look. For more information on doing this, refer to the following KB article:
http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-q3-2008-skins-available-for-download.aspx
A hint for your particular scenario - the toolbar look and feel of RadEditor is made up of list (<div /><ul /><li />) items styled with CSS background, not with CSS border. I recommend you to use Microsoft Internet Explorer Developer Toolbar of FireFefox FireBug in order to inspect the code to figure out what has to be changed.
Have a great week,
Martin Ivanov
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.