Complex Steps to set Table Borders

11 posts, 0 answers
  1. Sam Chia
    Sam Chia avatar
    3 posts
    Member since:
    Apr 2008

    Posted 13 Sep 2009 Link to this post

    Hi there,

    We are using the Radeditor 5.5.0. And we are concern with the complexity of the Table styling properties for content editors. Some of clients are already complaining on the complexity. For example, in the past , "Set Table Border Use Case" (which is a common content editor use case) was easy by selecting a few icons such as show in the image below.

    Previous Table Wizard

    For now, users has to know how to select
    1. "Table Properties > Style Builder > Border > " and
    2. then overwhelmed with a so many text boxes and selection
    3. But this is only for the table border.......
    4. To enable the cells border -> we have to go to cell properties to do the same.

     

    My feedback to telerik 
     
    1. This is too overwhelming for a content editor just wanting to enable a Table Border for their tables. In the past, it was easy as choosing icons in the table properties.

    2. Are there any documentation on this table style? It seem the help manual URL below is not updated with the right images.

    http://www.telerik.com/help/aspnet-ajax/tablewizard.html

    3. Will it be a better idea that Telerik provide a simple table properties wizard (eg: like the past editor) and let us configure between advance and simple table properties for our client content editor?

  2. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 16 Sep 2009 Link to this post

    Hello Sam,

    There are three major reasons for removing the old Borders tool.

    1. The HTML attributes which were used by the control exploit element attributes which are not XHTML compliant. Since the editor evolution is in direction of XHTML, this was a necessary change that could not be avoided.
    2. The new control offers a great deal of extra flexibility for both the developer and the end user, since arbitrary CSS - and not just borders - can be set.
    3. This control helps streamline the RadEditor and RadEditor for MOSS.


    In additions you should know that in the latest version of RadEditor for MOSS 5.5.1 (In your post you mention that you are using 5.5.0) we changed the Style Builder dialog and improved the way that the borders are set.

    Regarding your second question "2. Are there any documentation on this table style? It seem the help manual URL below is not updated with the right images.", you can find information on the matter in the following online demo http://demos.telerik.com/aspnet-ajax/editor/examples/tablelayoutcssfile/defaultcs.aspx. When it comes to RadEditor for MOSS you can set the TableLayoutCssFile property in the respective ConfigFile.xml or ListConfigFile.xml http://www.telerik.com/help/aspnet-ajax/set-properties-via-config-file.html.

    3. Will it be a better idea that Telerik provide a simple table properties wizard (eg: like the past editor) and let us configure between advance and simple table properties for our client content editor? - Thank you for the suggestion. I think that it is really justified, so I logged this in our feature requests database, so we will be able to work on the matter in future.

    Thank you.

    Best wishes,
    Stanimir
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sam Chia
    Sam Chia avatar
    3 posts
    Member since:
    Apr 2008

    Posted 16 Sep 2009 Link to this post

    Hi Stanimir

    Thank you once again for the great reply. Without a doubt, I agree with telerik on the following

    1. striving for XHTML compliance
    2. more powerful and flexible way of setting border styling....

    The only request i have then is to make available a simple Table Wizard for non-power users. This is speaking more from a content editor point of view. You can imagine the shock my end users get when i showed them on how to "add a border to table". Ultimately the profile of most of the content editors (I believe) are not power users ...they have very little knowledge on CSS and HTML. They just want a simple and idiot proof way to do up their content. Which is why we have been using and advocating Radeditor all along.

    hopefully can get to see the simplified table wizard in the next few versions

    thanx once again
  5. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 22 Sep 2009 Link to this post

    Hi Sam,

    The issue is logged in our features request data base, so I think that there will be a simplified table border functionality in the next few versions.

    Sincerely yours,
    Stanimir
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  6. Brad Welch
    Brad Welch avatar
    42 posts
    Member since:
    Jul 2012

    Posted 30 Sep 2009 Link to this post

    I second Sam's request for a simpler dialog for table borders.   For the typical content manager the new/current options would be very problematic:  I'm pretty advanced in my knowledge of css and html structure and it took me awhile to figure out how to format borders in the new dialogs....so I know it would indeed be a challenge for our end users.
  7. Brad Welch
    Brad Welch avatar
    42 posts
    Member since:
    Jul 2012

    Posted 30 Sep 2009 Link to this post

    Sam -   This following might by a technique to make it easier for your users.  

    (1)   Create a custom css file with one or more styles similar to the following:
     

          .MyTable

     

    > tbody > tr > td, table.MyTable

     

            {

     

                border: thin solid #000000;

     

            }

    This will apply a border to a table and all cells in any table where the table class="MyTable"  (note teleriks editor creates a table in the following structure  <table><tbody><tr><td>.....

    (2) 
        Add the following to the toolsfile.xml

        <

     

    cssFiles>

     

            <

     

    item name="/yourpath/Custom.css"/>

     

        </

     

    cssFiles>

     


        And make sure your have the following tool enabled

                <

     

    tool name="ApplyClass" />

     


    Now when the user open the table wizard dialog,  they can click on the Table Properties tab, select the css class MyTable, which will set the table class="MyTable",  which will give borders to the table and cells.   How about that,  they only had to set one propery in the window to get borders  :-)

    (3)
           Add a reference to the css file in your pages so the tables will display properly when just viewing.

    Two hitches to all of this that I know of.
    • You would have to pre-define any flavors of border styles as different css classes they can select from....but if it makes it easier for the user it might be worth the trouble.   The up side to this is that you can standarize how tables look and change the look by tweaking from a single place, the css file.
    • I have not had luck getting this to display correctly while editing (only shows the border around the table, no column borders) but the table displays correctly when you exit the editor.

     

    So far I've only tested this in IE8 but the css used above is an accepted css technique.


  8. Samantha
    Samantha avatar
    2 posts
    Member since:
    Mar 2011

    Posted 09 Jun 2011 Link to this post

    I'm also having trouble with borders on the editor. Is there a user guide as opposed to a developer guide? Did the suggestion in 2009 ever get implemented? 
  9. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 14 Jun 2011 Link to this post

    Hi Samantha,

    For your convenience I have recorded a video demonstrating how to apply table borders using the Table and Cell Properties options of the Table Wizard dialog. Here it is: http://screencast.com/t/tPRzc1DoZDD.

    Best regards,
    Rumen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  10. Brad Welch
    Brad Welch avatar
    42 posts
    Member since:
    Jul 2012

    Posted 22 Jun 2011 Link to this post

    Rumen -  Feedback from our content managers is that is still to complex for most of them.  Watching the video, even as a techie this still does not seem intuitive, and for the average content manager, it's still confusing versus something of a more word like experience.  It's too bad that there cannot be a simpler option for the average users with exiting method for the more advanced/technical user.   As is, our content managers are pretty dissatisfied with the complexity of the editor.
    Any suggestions, comments or insight would be welcomed and appreciated.
  11. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 28 Jun 2011 Link to this post

    Hi Brad Welch,

    Currently the easiest way of setting borders to a table is to predefine some custom table layouts and use the CSS Class Layout section of the TableProperties dialog. As my colleague point you can get information on the matter in the following online demo  Editor / Table Properties CSS Class Layout tool . However I logged you a feature request for a word-like borders dialog (http://screencast.com/t/oTifIhf8LcQ). Unfortunately I cannot provide you with an exact estimation of when such functionality will be implemented.

    Here you can find the PITS Issue for the product backlog item: Public URL






    Greetings,
    Stanimir
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  12. Brad Welch
    Brad Welch avatar
    42 posts
    Member since:
    Jul 2012

    Posted 28 Jun 2011 Link to this post

    Thanks Stanimir -
    We have infact created some css layouts for the users to select from.  That does indeed help some.  The Word like dialog would just provide a typical content manager (typical for for our staff)  flexibility yet with something more intuitive.   Appreciate you adding it to the list.  So we'll wait and see if this goes anywhere.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017