This is a migrated thread and some comments may be shown as answers.

Toolbar Formatting

2 Answers 90 Views

Editor

This is a migrated thread and some comments may be shown as answers.

Angie asked on 10 Jan 2011, 06:50 PM

editor.PNG

Hello. I am attempting to manually create toolbars for my editor.

Two questions:
1) Is there a way to force a toolbar to the second row? We are transitioning to the telerik editor, and I would like the buttons to be as similar to our old editor as possible.

2) I am getting extra padding at the top of the editor - see attached screenshot. Is there a way to clear that out?

Below is my code. Thank you.

<telerik:radeditor runat="server" ID="radEditor" AllowScripts="false" OnClientCommandExecuting="OnClientCommandExecuting" OnClientLoad="OnClientLoad" AutoResizeHeight=false EnableResize="false" Skin="Vista" DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd">

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Print" />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

<telerik:EditorTool Name="Undo" />

<telerik:EditorTool Name="Redo" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorTool Name="Strikethrough" />

<telerik:EditorTool Name="Superscript" />

<telerik:EditorTool Name="Subscript" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="ImageManager" />

<telerik:EditorTool Name="InsertLink" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

</telerik:EditorToolGroup>

</Tools>

</telerik:radeditor>

2 Answers, 1 is accepted

answered on 11 Jan 2011, 05:30 PM

Hello Angie,

Straight to the points:
1) The inner toolbars are adaptive to the content area width. What you can do is to decrease the editor's width using the Width property and the second inner toolbar will be moved to the second row.

2) The second problem could be due to some global CSS class for TABLE, TR, TD, UL, LI elements which applies padding or margin to the elements on the toolbar. You can find this class in your stylesheet and rewrite its name or try the suggestion in the following KB article: Overriding Global CSS Styles Inherited by RadEditor.

Best regards,
Rumen
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.