Toolbar Formatting

[Angie]

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>

[Rumen]

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

[Angie]

Hi Ruben.  Thanks for your reply.  So, I guess there's no way to force the toolbar to a new line? 

I couldn't get the override styles to work properly, but I found an errant TD style in my css file, so that is fixed.

Thank you for your help!  :)