Table wizard css style selector

5 posts, 0 answers
  1. Pierre
    Pierre avatar
    138 posts
    Member since:
    Feb 2006

    Posted 14 Oct 2009 Link to this post

    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 ?

  2. Rumen
    Rumen avatar
    12788 posts

    Posted 20 Oct 2009 Link to this post

    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,
    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. DevCraft R3 2016 release webinar banner
  4. Martin
    Martin avatar
    6 posts
    Member since:
    Oct 2009

    Posted 24 Feb 2010 Link to this post

    I found that adding

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

  5. Ted
    Ted avatar
    47 posts
    Member since:
    Jan 2008

    Posted 17 Feb 2011 Link to this post

    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" 
                                                               <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'>" />
  6. Rumen
    Rumen avatar
    12788 posts

    Posted 22 Feb 2011 Link to this post

    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:
    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,
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
Back to Top
DevCraft R3 2016 release webinar banner