How to set border off by default? (Toggle border )

[Vincent]

Thanks

[Shinu]

Hello Vincent,

#1:
You can easily remove the border from the RadEditor by setting the BorderStyle property to "None".

#2:
Also the CSS has same effect:

    <style type="text/css">
        .Default.reWrapper
        {
            border: none !important;
        }
    </style>

#3:
If you want to toggle this property from client side, then use the following code:

    function setBorder() {
        var editor = $find('<%= RadEditor1.ClientID %>');
        editor.get_element().style.borderStyle = "none";
    }

-Shinu.

[Vincent]

Hi Shinu,

I mean the "Toggle table Border"  functionality. Basically, by default the radeditor will enable "table border", what I want to do is to turn off it

Thanks

[Rumen]

Hello Vincent,

You can turn off the table border by executing the ToggleTableBorder command when the editor is loaded and when switching from Preview or HTML mode to Design mode, e.g.

<script type="text/javascript">
    function OnClientLoad(editor) {
        editor.fire("ToggleTableBorder");
    }
    function OnClientModeChange(editor) {
        var mode = editor.get_mode();
        switch (mode) {
            case 1:
                editor.fire("ToggleTableBorder");
                break;
        }
    }

</script>

<telerik:RadEditor ID="RadEditor1"
    OnClientLoad="OnClientLoad"
    OnClientModeChange="OnClientModeChange"
    runat="server">
</telerik:RadEditor>

Greetings,
Rumen
the Telerik team

[Vincent]

That's exactly what I need.

Thanks for your support.

[armadillo.mx]

Thank you! I needed this too

[J2K]

You're joking, yes? This is the only way of toggling the visibility of the ugly borders RadEditor automatically imposes on tables? Bizarre. Radcontrols used to be very helpful, now one has to waste half a day or more to figure out something which should be straight forward. Kind of like the message at the top of this page "Before posting make sure your project is using the exact same RadControl version as the one in this thread. This is an old post and the information may be outdated." To do this, I would have to go back to the previous page,  Which I did. Which of course means I loose what I had already written here. Oh, by the way, there is NO MENTION OF WHICH OF THE GAZILLION VERSIONS the writer is referring to in this post. 

[Rumen]

Hello J2k,

If you do not like the borders you can remove them completely or customize them by setting the ContentAreaCssFile property or the CssFiles property to point to your css file.

Regards,
Rumen
the Telerik team

[An]

Shinu,

 The dotted lines still show when I created a table with border="0".  I used option #1 and #3.  The <style> option does not work with my master page.

 

Any other suggestion?

 

Thanks.

An

[Ianko]

Hi An,

The suggestions you have tried are to remove the border of the content area, not the dotted borders of the table elements inside.

If you need to toggle the tables' borders, you should follow the other suggestions from Rumen's posts:

• http://www.telerik.com/forums/how-to-set-border-off-by-default-toggle-border#sVa3VrcKqU2l7VbFr9YLAg
• http://www.telerik.com/forums/how-to-set-border-off-by-default-toggle-border#hBk_ABVAekGT0OHSRJzuZg

Regards,

Ianko
Telerik

[An]

Ianko,

That works for me. 

Thanks.