This is a migrated thread and some comments may be shown as answers.

Complex Steps to set Table Borders

10 Answers 256 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Sam Chia
Top achievements
Rank 1
Sam Chia asked on 13 Sep 2009, 06:11 AM
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?

10 Answers, 1 is accepted

Sort by
0
Stanimir
Telerik team
answered on 16 Sep 2009, 12:01 PM
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.
0
Sam Chia
Top achievements
Rank 1
answered on 16 Sep 2009, 01:14 PM
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
0
Stanimir
Telerik team
answered on 22 Sep 2009, 05:51 AM
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.
0
Brad Welch
Top achievements
Rank 1
answered on 30 Sep 2009, 11:01 PM
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.
0
Brad Welch
Top achievements
Rank 1
answered on 01 Oct 2009, 01:15 AM
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.


0
Samantha
Top achievements
Rank 1
answered on 09 Jun 2011, 03:50 PM
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? 
0
Rumen
Telerik team
answered on 14 Jun 2011, 03:20 PM
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.

0
Brad Welch
Top achievements
Rank 1
answered on 22 Jun 2011, 11:35 PM
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.
0
Stanimir
Telerik team
answered on 28 Jun 2011, 06:49 AM
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.

0
Brad Welch
Top achievements
Rank 1
answered on 28 Jun 2011, 07:29 PM
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.
Tags
Editor
Asked by
Sam Chia
Top achievements
Rank 1
Answers by
Stanimir
Telerik team
Sam Chia
Top achievements
Rank 1
Brad Welch
Top achievements
Rank 1
Samantha
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or