how to remove borders of ajax editor

yadagiri uppari

13y2.2k.NET

hi sir ... i have an ajax editor...pls send me code to remove borders and bottom toolbar icons in asp.net

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Awaneesh Jatrana11y ago
Add this class in your app_code

public class CustomEditor : Editor
{
protected override void FillTopToolbar()
{
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Undo());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Redo());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.StrikeThrough());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Cut());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Copy());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Paste());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Bold());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Italic());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.RemoveStyles());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.PasteText());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.Underline());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.JustifyLeft());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.JustifyCenter());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.JustifyRight());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.JustifyFull());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.RemoveAlignment());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.OrderedList());
TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.BulletedList());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.FixedBackColor());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.FixedForeColor());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.IncreaseIndent());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.DecreaseIndent());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.InsertLink());
//TopToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.RemoveLink());
}
protected override void FillBottomToolbar()
{
//BottomToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.DesignMode());
//BottomToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.PreviewMode());
//BottomToolbar.Buttons.Add(new AjaxControlToolkit.HtmlEditor.ToolbarButtons.HtmlMode());
}
}
yadagiri uppari13y ago
i am unable to remove bottom icons of editor dll...is it possible to hide only
icons of bottom
Iftikar Hussain13y ago
you create a custom editor by inheriting the ajaxeditor and then disable those button
Refer this link

http://www.nullskull.com/q/10321133/to-disable-toolbar-buttons-in-ajax-html-editor.aspx

Regards,
Iftikar
yadagiri uppari13y ago
sir i am using editor dll ...am not using custom editor
aspx:

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit.HTMLEditor" tagprefix="cc2" %>

BackColor="White" EnableToolbars="False" FormatHtmlTagsToXhtml="true" CssClass="editor" Font-Bold="true" Font-Italic="true"
Font-Underline="true" ForeColor="Black"
ToolbarBackColor="White" EditorBorderColorLight="White" EditorBorderColorDark="White" RenderMode="Rich" Visible="true">
Iftikar Hussain13y ago
Hi,
Try this
public class MyCustomEditor: Editor
{
protected override void FillBottomToolbar()
{
//Do not add any buttons in the bottom toolbar
//BottomToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.DesignMode());
}
}

Regards,
Iftikar
yadagiri uppari13y ago
sir...border is working fine...but bottom toolbar only need to be hide but it is totally hiding...i want to display message in that
Iftikar Hussain13y ago
Hi,
You can hide the bottom toolbar by using the css

.ajax__htmleditor_editor_bottomtoolbar {
display:none;
}

And border by

.ajax__htmleditor_editor_default .ajax__htmleditor_editor_container {
border: 0;
}

Regards,
Iftikar