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