More in this section

Forums / Developing with Sitefinity / ToolsFile.XML ToolsNotShowing FormatBlock Formating

ToolsFile.XML ToolsNotShowing FormatBlock Formating

5 posts, 0 answered
  1. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    09 Sep 2009
    Link to this post
    Hello again

    After mapping GenericContentDesigner.ascx and changing links to

    ContentAreaCssFile="~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/MyEditorContentArea.css"
      <telerik:EditorCssFile Value="~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/MyEditorCssFile.css" />
      ToolsFile="~/Sitefinity/Admin/ControlTemplates/MyEditorToolsFile.xml"   


    MyEditorContentArea.css instead of EditorContentArea.css
    MyEditorToolsFile.xml instad of EditorToolsFile.xml

    Ich changed some CSS and inow the text is showing up correct in the Editor.

    But strange enough some of the tools in in are not showing in the Edditor (ToggleScreenMode, Links, Snippets) Tested it - it uses MyEditorToolsFile.xml!

    Also the FormatBlock has strange Formating and I can't figure out where it get it from (See h2, h3 seem to beformated and there is DirectoryList, MenuList, Formatted, Address ???

    <root> 
      <tools dockable="false"
        <tool name="Bold" shortcut="CTRL+B"/> 
        <tool name="Italic" shortcut="CTRL+I"/> 
        <tool name="JustifyLeft" /> 
        <tool name="JustifyCenter" /> 
        <tool name="JustifyRight" /> 
        <tool name="JustifyFull" /> 
        <tool name="InsertOrderedList" /> 
        <tool name="InsertUnorderedList" /> 
        <tool name="InsertTable" /> 
        <tool name="InsertHorizontalRule" /> 
        <tool separator="true"/> 
      </tools> 
      <tools name="MainToolbar" dockable="false"
        <tool name="AjaxSpellCheck" shortcut="F7"/> 
        <tool name="PasteFromWordNoFontsNoSizes" /> 
        <tool name="PastePlainText" /> 
        <tool separator="true"/> 
        <tool name="Undo" shortcut="CTRL+Z"/> 
        <tool name="Redo" shortcut="CTRL+Y"/> 
        <tool separator="true"/> 
      </tools> 
      <tools name="InsertToolbar" dockable="false"
        <tool name="LibraryImageManager" text="Insert an image"/> 
        <tool name="LibraryDocumentManager" text="Insert a document"/> 
        <tool name="LinkManager" text="Insert a link" shortcut="CTRL+K"/> 
        <tool name="Unlink" shortcut="CTRL+SHIFT+K"/> 
        <tool name="FlashManager" /> 
        <tool name="MediaManager" /> 
      </tools> 
      <tools name="DropdownToolbar" dockable="false"
        <tool name="FormatBlock" /> 
        <tool name="FormatStripper"/> 
        <tool name="ToggleScreenMode" /> 
      </tools> 
      <links> 
        <link name="telerik" href="http://www.telerik.com"
          <link name="Products" href="http://www.telerik.com/products"
            <link name="r.a.d.controls suite" href="http://www.telerik.com/radcontrols" /> 
            <link name="r.a.d.navigation suite" href="http://www.telerik.com/radnavigation" /> 
            <link name="r.a.d.editor" href="http://www.telerik.com/radeditor" /> 
            <link name="r.a.d.designer" href="http://www.telerik.com/raddesigner" /> 
            <link name="r.a.d.spell" href="http://www.telerik.com/radspell" /> 
            <link name="r.a.d.chart" href="http://www.telerik.com/radchart" /> 
            <link name="r.a.d.menu" href="http://www.telerik.com/radmenu" /> 
            <link name="r.a.d.treeview" href="http://www.telerik.com/radtreeview" /> 
            <link name="r.a.d.panelbar" href="http://www.telerik.com/radpanelbar" /> 
            <link name="r.a.d.rotator" href="http://www.telerik.com/radrotator" /> 
            <link name="r.a.d.tabstrip" href="http://www.telerik.com/radtabstrip" tooltip="Tooltip" /> 
          </link> 
          <link name="Purchase" href="http://www.telerik.com/purchase" /> 
          <link name="Support" href="http://www.telerik.com/support" /> 
          <link name="Client.Net" href="http://www.telerik.com/clientnet" /> 
        </link> 
        <link name="Microsoft"
          <link name="Main Site" href="http://www.microsoft.com" /> 
          <link name="MSDN Online" href="http://msdn.microsoft.com" /> 
          <link name="Windows Update" href="http://windowsupdate.microsoft.com" /> 
        </link> 
        <link name="Search Engines"
          <link name="Google" href="http://www.google.com" /> 
          <link name="Yahoo" href="http://www.yahoo.com" /> 
          <link name="AltaVista" href="http://www.altavista.com" /> 
        </link> 
      </links> 
      <snippets> 
        <snippet name="Order Confirmation"
          <![CDATA[
                        <div style="width:300px;border:2px outset #D8D2BD;padding:34px;font-family:Arial, Verdana; font-size:11px;background-color:#F1EFE6;">
                        Dear ____________________,<br />
                        Thank you for inquiring about ____________. Your request will be processed in 48 hours and shipped at the address you have provided. 
                        <br /><br />
                            <b>Please, contact us if you have any problems.</b>
                        </div>
                    ]]> 
        </snippet> 
        <snippet name="Email Signature"
          <![CDATA[
                        <div style="margin-top:30px;width:80%;border-top:1px dotted gray;padding-top:4px;font-family:Arial, Verdana; font-size:11px;">
                        <b>John Wigham</b><br />
                        Senior Web Developer<br />
                            <a href="#">john@mysite.com</a>
                            <br />
                                <br />
                                    <i>Disclaimer: The contents of this e-mail are privileged and confidential and intended for the addressees at the specified e-mail addresses only.</i>
                        </div>
                    ]]> 
        </snippet> 
        <snippet name="Problem Report Feedback"
          <![CDATA[
                        <div style="width:300px;border:2px outset #D8D2BD;padding:34px;font-family:Arial, Verdana; font-size:11px;background-color:#F1EFE6;">
                        Hi ____________________,<br />
                        Thank you for reporting this issue. We have verified the problem and it is logged in our system. We will notify you once we have a solution. 
                        <br /><br />
                            <b>Please, contact us if you have any problems.</b>
                        </div>
                    ]]> 
        </snippet> 
      </snippets> 
      <symbols></symbols
      <fontNames>   </fontNames> 
      <fontSizes> 
      </fontSizes> 
      <realFontSizes> 
        <item value="11px"></item> 
        <item value="12px"></item> 
        <item value="13px"></item> 
        <item value="14px"></item> 
        <item value="18px"></item> 
        <item value="22px"></item> 
      </realFontSizes> 
      <colors></colors
      <paragraphs></paragraphs
      <classes> 
        <class name="Add CssClasses collection here:" value=".attention" /> 
        <class name="EditorToolsFile.xml" value=".read" /> 
      </classes> 
      <dialogParameters></dialogParameters
      <languages></languages
      <contextMenus> 
      </contextMenus> 
    </root> 
     

    Regards Markus
  2. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    10 Sep 2009
    Link to this post
    Hello Markus Berchtold,

    Thank you for using our services.

    I have added the tools file that you have provided and got the following toolbar (see attached screenshot). The ToggleScreenMode tool is declared and is loaded in the editor. The InsertSnippet (the snippets tool) and InsertCustomLink tools are not loaded because they are not declared in your tools file. To add them use the following:
    <tools name="DropdownToolbar" dockable="false"
        <tool name="FormatBlock" /> 
        <tool name="FormatStripper"/> 
        <tool name="ToggleScreenMode" /> 
        <tool name="InsertCustomLink"/> 
        <tool name="InsertSnippet"/> 
      </tools> 

    If the format block tool dropdown is showing the same formats as in the attached screenshot - these are the built in paragraph styles that come with the RadEditor. To use your own, just add yours as described in this article - Paragraph Styles. The best approach would be through the tools file.

    Regards,
    Radoslav Georgiev
    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. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    11 Sep 2009
    Link to this post
    Thanks agin for your quick help. Sorry once again I was just dumb forgetting to put in.,

    <

     

    tool name="InsertCustomLink"/>

     

    <

     

    tool name="InsertSnippet"/>

     


    Strange enough

    <

     

    tool name="ToggleScreenMode" />

     

     does not show

    Furthermore

    <

     

    paragraphs>

     

    <

     

    paragraph name="Clear formatting" value="<body>" />

     

    <

     

    paragraph name="<H1>Heading 1</H1>" value="<H1>" />

     

    <

     

    paragraph name="<H2>Heading 2</H2>" value="<H2>" />

     

    <

     

    paragraph name="<H3>Heading 3</H3>" value="<H3>" />

     

    </

     

    paragraphs>

     



    Is not working. Getting error on first paragrahp that Tag was not closed.

    Any idea?

    Regards Markus
  4. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    11 Sep 2009
    Link to this post
    Hello Markus Berchtold,

    Thank you for getting back to me.

    Pardon me for my previous post. Actually the ToggoleScreenMode button is purposely hidden with JavaScript on page load, because if you use it it does not take the max size of the browser window, but rather takes the full size of the RadWindow it is hosted in, see attached image. The reasons it appears on my end is due to some customizations in the template, that completely flew of my mind. Anyway if you need to show that button just find the following line in the javascript and comment/remove it:
     $(".ToggleScreenMode").parent().hide(); 


    As for adding paragraph style - you should use &lt instead of "<" when defining styles inline. I had the impression that this is mentioned in the article I have pointed you. This is why you are receiving the error. So the adding of styles should look like this:
    <paragraph name="&lt;H3 class='serif'>Heading 3&lt;/H3>" value="&lt;H3 class='serif'>" /> 

    I have updated your account. If you have more questions, please feel free to contact us.

    Greetings,
    Radoslav Georgiev
    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.
  5. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    11 Sep 2009
    Link to this post
    Dear Radoslav

    Thanks again for the extra effort to help me.

    I don't realy need the ToggleScreenMode button but was just wondering why it would not show.

    As for the http://www.telerik.com/help/aspnet-ajax/paragraphstyles.html link you provide.

    As you can see there is an example for the .xml file and as you know users don't like to read!!

    I see the code cut and past and bada boom! Maybe it would be worth to amend it there.

    Regards Markus

Register for webinar
5 posts, 0 answered