CODEWITHSUNDEEP
teleriksitecorecss-tablessitecore7.2
syed Ahsan Jaffri
syed Ahsan Jaffri

Reputation: 1124

Sitecore CSS class layout for table in rich-text editor

I need to define my own styling for table like we have some default table CSS class layouts as shown below.

Screenshot

although after some Google I found solution that how to define class for specific row, cell, column or main class for table but not complete styling layout like above.

Upvotes: 1

Views: 2048

Answers (1)

Jason Bert
Jason Bert

Reputation: 782

The Telerik website shows how to get your own custom table classes into their editor. See the link below for how to create the style sheet.

http://demos.telerik.com/aspnet-ajax/editor/examples/tablelayoutcssfile/defaultcs.aspx

Once you've created your style sheet you'll need to modify the EditorPage.aspx file which Sitecore uses to render the Telerik RadEditor control.

<site root>\sitecore\shell\Controls\Rich Text Editor\EditorPage.aspx

Add the following line as a property of the telerik:RadEditor control.

TableLayoutCssFile="~/sitecore/shell/Controls/Rich Text Editor/TableLayoutCss.css"

The above assumes the CSS file you created is named TableLayoutCss.css.

Upvotes: 4

Related Questions