Hi
We are trying to migrate from VisualWebgui to Wisej. User TinyEditor to migrate the Richtexbox control.
Below is the sample code.
When we set the BorderStyle to None, we still see the border around the control. When inspecting the elements in browser, I noticed that the “tinyeditor” border is set to solid.
Is there anyway to not display any border around the control. We are setting the BorderStyle property at runtime when the form is loaded. So will have to set the border based on this property.
I did try to set the “CssStyle” property to CssStyle = “.tinyeditor {border : none}. That didnt help.
Any help will be really appreciated.
using System;
using Wisej.Web;
public partial class RichTextBox : Wisej.Web.Ext.TinyEditor.TinyEditor// UserControl
{
public RichTextBox()
{
ShowFooter = false;
ShowToolbar = false;
}
public string HtmlText
{
get;set;
}
public override Wisej.Web.BorderStyle BorderStyle { get => base.BorderStyle; set=>base.BorderStyle = value;}
public override Color BackColor
{
get => base.BackColor;
set => base.BackColor = value;
}
public override string Text
{
get => base.Text; set =>base.Text = HtmlText;
}
}
You can use the StyleSheet component then you can add css classes programmatically. Drop the component from the toolbox and add the class like this:
this.styleSheet1.Styles = @".tinyeditor { border: none!important; }";
You can’t put a css class in a css style. Css classes can only go in a css file or a <style> section in the html document.
You can either change tiny.editor.css in https://github.com/iceteagroup/wisej-extensions/tree/2.2/Wisej.Web.Ext.TinyEditor
or add a css file to Default.html or add a <style> section in <head> and use
.tinyeditor {
border: none !important;
}
Hi Paveena
What version of Wisej are you using ?
Regards.
Please login first to submit.