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

unexpected button images as background

3 Answers 31 Views
Editor
This is a migrated thread and some comments may be shown as answers.
armadillo.mx
Top achievements
Rank 1
armadillo.mx asked on 30 Nov 2010, 09:22 PM
I've been working with this  control, but as you can see in the screen capture something strange happens with the control as it is showing unexpected images and incorrectly positioned, I've tested with both IE and FF and looks the same.

How this can be solved?
I'm using RadControls for ASP.NET AJAX Q3 2010, This is the corresponding code block:

        <telerik:RadEditor ID="RadEditor" runat="server" Height="485px" Width="718px" OnClientLoad="OnClientLoad">
            <Modules>
                <telerik:EditorModule Name="RadEditorStatistics"></telerik:EditorModule>
                <telerik:EditorModule Name="RadEditorDomInspector"></telerik:EditorModule>
                <telerik:EditorModule Name="RadEditorNodeInspector"></telerik:EditorModule>
                <telerik:EditorModule Name="RadEditorHtmlInspector" Visible="False"></telerik:EditorModule>
            </Modules>
            <Tools>
                <telerik:EditorToolGroup Tag="MainToolbar">
                    <telerik:EditorTool Name="Print" ShortCut="CTRL+P" Visible="False"></telerik:EditorTool>
                    <telerik:EditorTool Name="AjaxSpellCheck" />
                    <telerik:EditorTool Name="FindAndReplace" ShortCut="CTRL+F"></telerik:EditorTool>
                    <telerik:EditorTool Name="SelectAll" ShortCut="CTRL+A" />
                    <telerik:EditorTool Name="Cut"></telerik:EditorTool>
                    <telerik:EditorTool Name="Copy" ShortCut="CTRL+C"></telerik:EditorTool>
                    <telerik:EditorTool Name="Paste" ShortCut="CTRL+V"></telerik:EditorTool>
                    <telerik:EditorToolStrip Name="PasteStrip">
                    </telerik:EditorToolStrip>
                    <telerik:EditorSeparator />
                    <telerik:EditorSplitButton Name="Undo" Width="80px">
                    </telerik:EditorSplitButton>
                    <telerik:EditorSplitButton Name="Redo" Width="80px">
                    </telerik:EditorSplitButton>
                </telerik:EditorToolGroup>
                <telerik:EditorToolGroup>
                    <telerik:EditorTool Name="AbsolutePosition"></telerik:EditorTool>
                    <telerik:EditorSeparator />
                    <telerik:EditorTool Name="Bold" ShortCut="CTRL+B"></telerik:EditorTool>
                    <telerik:EditorTool Name="Italic" ShortCut="CTRL+I"></telerik:EditorTool>
                    <telerik:EditorTool Name="Underline" ShortCut="CTRL+U" />
                    <telerik:EditorTool Name="StrikeThrough" />
                    <telerik:EditorSeparator />
                    <telerik:EditorTool Name="JustifyLeft" />
                    <telerik:EditorTool Name="JustifyCenter" />
                    <telerik:EditorTool Name="JustifyRight" />
                    <telerik:EditorTool Name="JustifyFull" />
                    <telerik:EditorTool Name="JustifyNone" />
                    <telerik:EditorSeparator />
                    <telerik:EditorTool Name="Indent" />
                    <telerik:EditorTool Name="Outdent" />
                    <telerik:EditorSeparator />
                    <telerik:EditorTool Name="InsertOrderedList" />
                    <telerik:EditorTool Name="InsertUnorderedList" />
                    <telerik:EditorSeparator />
                    <telerik:EditorTool Name="ToggleTableBorder" />
                </telerik:EditorToolGroup>
                <telerik:EditorToolGroup Tag="InsertToolbar">
                    <telerik:EditorTool Name="ImageManager" ShortCut="CTRL+G" />
                    <telerik:EditorTool Name="LinkManager" ShortCut="CTRL+K" />
                    <telerik:EditorTool Name="Unlink" ShortCut="CTRL+SHIFT+K" />
                </telerik:EditorToolGroup>
                <telerik:EditorToolGroup>
                    <telerik:EditorTool Name="Superscript" />
                    <telerik:EditorTool Name="Subscript" />
                    <telerik:EditorTool Name="InsertParagraph" />
                    <telerik:EditorTool Name="InsertHorizontalRule" />
                    <telerik:EditorSeparator />
                    <telerik:EditorTool Name="FormatCodeBlock" />
                </telerik:EditorToolGroup>
                <telerik:EditorToolGroup Tag="DropdownToolbar">
                    <telerik:EditorSplitButton Name="InsertSymbol" Width="80px">
                    </telerik:EditorSplitButton>
                    <telerik:EditorToolStrip Name="InsertTable">
                    </telerik:EditorToolStrip>
                    <telerik:EditorTool Name="ImageMapDialog" Visible="False" />
                    <telerik:EditorSeparator />
                    <telerik:EditorTool Name="ConvertToLower" />
                    <telerik:EditorTool Name="ConvertToUpper" />
                    <telerik:EditorSeparator />
                    <telerik:EditorDropDown Name="Zoom" Width="80px">
                    </telerik:EditorDropDown>
                    <telerik:EditorSplitButton Name="ModuleManager" Width="80px">
                    </telerik:EditorSplitButton>
                </telerik:EditorToolGroup>
                <telerik:EditorToolGroup>
                    <telerik:EditorDropDown Name="FormatBlock" Width="80px">
                    </telerik:EditorDropDown>
                    <telerik:EditorDropDown Name="FontName" Width="80px">
                    </telerik:EditorDropDown>
                    <telerik:EditorDropDown Name="RealFontSize" Width="80px">
                    </telerik:EditorDropDown>
                </telerik:EditorToolGroup>
                <telerik:EditorToolGroup>
                    <telerik:EditorSplitButton Name="ForeColor" Width="80px">
                    </telerik:EditorSplitButton>
                    <telerik:EditorSplitButton Name="BackColor" Width="80px">
                    </telerik:EditorSplitButton>
                </telerik:EditorToolGroup>
            </Tools>
        </telerik:RadEditor>

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 01 Dec 2010, 04:58 PM
Hi armadillo.mx,

Can you please remove the Width="80px" attribute from all dropdown and split buttons tools? This will fix the problem.

Best wishes,
Rumen
the Telerik team
Browse the vast support resources we have to jumpstart 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
armadillo.mx
Top achievements
Rank 1
answered on 03 Dec 2010, 04:47 PM
Thanks Rumen, this worked!

is a strange the way  those images are shown if the width is specified, do we should expect this behavior to be corrected in the next release?
0
Rumen
Telerik team
answered on 03 Dec 2010, 05:01 PM
Hi,

The problem is logged and we will definitely fix it for one of the next releases of RadEditor. Until then please, delete manually the width attribute.

Please, excuse us for the temporary inconvenience.

All the best,
Rumen
the Telerik team
Browse the vast support resources we have to jumpstart 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.
Tags
Editor
Asked by
armadillo.mx
Top achievements
Rank 1
Answers by
Rumen
Telerik team
armadillo.mx
Top achievements
Rank 1
Share this question
or