Table wizard css style selector

[Pierre]

Hi team,

Table wizard have some styles predefied in one style selector like "telerik-re table1"(Table properties,CSS Class Layout).
How to change and add my custom styles in this dropdown ?

Regards

[Rumen]

Hi Pierre,

The external Style sheet loaded in the Table Wizard can be edit by using the TableLayoutCssFile property of the RadEditor. You can find more information about this editor's feature in the following example: Table Properties CSS Class Layout tool.

Kind regards,
Rumen
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.

[Martin]

I found that adding

<property name="TableLayoutCssFile">(href to css)</property>
 
to ConfigFile.xml does what you want.

[Ted]

Using the latest version of Rad Editor, and using a custom ToolsFile, How can I get my editor to show the table properties at the bottom like these examples do.  I know I can right click and get to the table properties.  is that just the new way?  if so, how can I change the styles that are in the Table Properties.   I have my tableLayoutCSS.css file and my editor control looks like this

<telerik:RadEditor ID="_Editor" runat="server" Height="300px"  TableLayoutCssFile="~/Styles/TableLayoutCSS.css"
                                                   Width="90%" ToolsFile="~/Admin/Toolsfile.xml" AllowScripts="True"
                                                   SkinID="DefaultSetOfTools"  EditModes="Design" ContentAreaMode="Div"
                                                   StripFormattingOptions="MSWordRemoveAll,ConvertWordLists">
                                                       <Content>
                                                       </Content>
                                                       <Paragraphs>
                                                           <telerik:EditorParagraph Title="<p class='noPaddingParagraph'>Normal No Padding</p>" Tag="<p class='noPaddingParagraph'>" />
                                                           <telerik:EditorParagraph Title="<H1 class='customH1'>Heading 1</H1>" Tag="<H1 class='customH1'>" />
                                                           <telerik:EditorParagraph Title="<H2 class='serif'>Heading 2</H2>" Tag="<H2 class='serif'>" />
                                                       </Paragraphs>
                                               </telerik:RadEditor>

[Rumen]

Hello Ted,

Are you talking about the Properties Inspector module of RadEditor which is shown when a table element is selected in the content area? Please, see this screenshot for more information: http://screencast.com/t/Z7t31R6g.
You can enable this module via your custom ToolsFile.xml file by setting the following tag:

<module name="RadEditorNodeInspector" dockingZone="Module" enabled="true" visible="true" />
inside the <modules> tag.

You can find more information about the RadEditor's modules in this article: Types of Modules.

Best regards,
Rumen
the Telerik team