how to remove borders of ajax editor

Question

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

Awaneesh Jatrana · Answer

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 uppari · Answer

i am unable to remove bottom icons of editor dll...is it possible to hide only icons of bottom

Iftikar Hussain · Answer

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 uppari · Answer

sir i am using editor dll ...am not using custom editor aspx: ' ActiveMode="preview" 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 Hussain · Answer

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 uppari · Answer

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 Hussain · Answer

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

how to remove borders of ajax editor

Answers (7)