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

Toolbar Formatting

2 Answers 24 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Angie
Top achievements
Rank 1
Angie asked on 10 Jan 2011, 06:50 PM
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

Sort by
0
Rumen
Telerik team
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.
0
Angie
Top achievements
Rank 1
answered on 11 Jan 2011, 11:36 PM
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!  :)
Tags
Editor
Asked by
Angie
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Angie
Top achievements
Rank 1
Share this question
or