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

11 posts, 1 answers
  1. Vincent
    Vincent avatar
    70 posts
    Member since:
    Jul 2008

    Posted 30 Jun 2010 Link to this post

    Thanks
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 01 Jul 2010 Link to this post

    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 
            { 
                bordernone !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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vincent
    Vincent avatar
    70 posts
    Member since:
    Jul 2008

    Posted 01 Jul 2010 Link to this post

    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
  5. Answer
    Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 01 Jul 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Vincent
    Vincent avatar
    70 posts
    Member since:
    Jul 2008

    Posted 01 Jul 2010 Link to this post

    That's exactly what I need.

    Thanks for your support.
  7. armadillo.mx
    armadillo.mx avatar
    3 posts
    Member since:
    Nov 2010

    Posted 30 Nov 2010 Link to this post

    Thank you! I needed this too
  8. J2K
    J2K avatar
    33 posts
    Member since:
    Sep 2005

    Posted 18 Oct 2011 Link to this post

    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. 
  9. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 20 Oct 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  10. An
    An avatar
    23 posts
    Member since:
    Aug 2013

    Posted 11 Jun 2015 in reply to Shinu Link to this post

    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

  11. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 16 Jun 2015 Link to this post

    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:

    Regards,

    Ianko
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  12. An
    An avatar
    23 posts
    Member since:
    Aug 2013

    Posted 16 Jun 2015 in reply to Ianko Link to this post

    Ianko,

    That works for me. 

    Thanks.

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017