How to change Font size in RAD Editor

[Sudeep Seth]

Hello,
I am using the licenced copy of the MOSS RAD Editor webpart. By default it shows the font size from 1 to 7. We would like to give font size start from 10 to 14 like the word. Please let me know how to do this. I tried by giving the font size on the tools file but its not working.

Regards,
Sudeep

[Stanimir]

Hello Sudeep Seth,
Review the following online help article http://www.telerik.com/help/aspnet-ajax/font_sizes.html


Greetings,
Stanimir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Sudeep Seth]

Hello,
I have allready gone through that article but its not working. Please see the attached file(ToolsFile and the screenshot of the RAD Editor). After doing the suggested changes it adds new size dropdown on the toolpart. I dont want to add new dropdown but on the same dropdown it should display the font size like 10,11,12....

Here is the content of the ToolsFile

<root>

<modules>

<module name="RadEditorDomInspector" />

</modules>

<tools name="MossTools1">

<tool name="AjaxSpellCheck" />

<tool name="FindAndReplace" />

<tool separator="true" />

<tool name="Cut" shortcut="CTRL+X" />

<tool name="Copy" shortcut="CTRL+C" />

<tool name="Paste" shortcut="CTRL+V" />

<tool separator="true" />

<tool name="Undo" shortcut="CTRL+Z" />

<tool name="Redo" shortcut="CTRL+Y" />

<tool separator="true" />

<tool name="LinkManager" shortcut="CTRL+K" />

<tool name="Unlink" shortcut="CTRL+SHIFT+K" />

<tool name="ImageManager" shortcut="CTRL+G" />

<tool name="DocumentManager" />

<tool name="FlashManager" />

<tool name="MediaManager" />

<!-- <tool name="MOSSTemplateManager" />-->

<tool separator="true" />

<tool name="MOSSInsertTable" />

<tool name="SetTableProperties" />

<tool name="ToggleTableBorder" />

<tool separator="true" />

<tool name="MOSSInsertTableElement">

<tool name="InsertRowAbove" />

<tool name="InsertRowBelow" />

<tool name="InsertColumnLeft" />

<tool name="InsertColumnRight" />

<tool name="DeleteRow" />

<tool name="DeleteColumn" />

<tool name="SplitCell" />

</tool>

<tool name="MergeColumns" />

<tool separator="true" />

<tool name="ToggleSource" />

<tool name="FormatStripper" />

<tool separator="true" />

<tool name="MOSSRightToLeft" />

<tool name="MOSSLeftToRight" />

<tool separator="true" />

<tool name="ForeColor" />

<tool name="BackColor" />

</tools>

<tools name="MainToolbar" enabled="false">

<tool name="FontSize" />

</tools>

<fontSize>

<item>8</item>

<item>9</item>

<item>10</item>

</fontSize>

<tools name="MossTools2">

<tool name="ApplyClass" />

<tool name="FormatBlock" />

<tool separator="true" />

<tool name="FontName" />

<tool name="FontSize" />

<tool separator="true" />

<tool name="Bold" shortcut="CTRL+B" />

<tool name="Italic" shortcut="CTRL+I" />

<tool name="Underline" shortcut="CTRL+U" />

<tool name="StrikeThrough" />

<tool name="Subscript" />

<tool name="Superscript" />

<tool name="PasteFromWord" />

<tool separator="true" />

<tool name="JustifyLeft" />

<tool name="JustifyCenter" />

<tool name="JustifyRight" />

<tool separator="true" />

<tool name="InsertOrderedList" />

<tool name="InsertUnorderedList" />

<tool separator="true" />

<tool name="Indent" />

<tool name="Outdent" />

</tools>

<contextMenus>

<contextMenu forElement="*">

<tool name="Cut"/>

<tool name="Copy"/>

<tool name="Paste"/>

</contextMenu>

</contextMenus>

</root>

Regards,
Sudeep

[Stanimir]

Hi Sudeep,
Your ToolsFile.xml should look like:

<root>
    <modules>
        <module name="RadEditorDomInspector" />
    </modules>
    <tools name="MossTools1">
        <tool name="AjaxSpellCheck" />
        <tool name="FindAndReplace" />
        <tool separator="true" />
        <tool name="Cut" shortcut="CTRL+X" />
        <tool name="Copy" shortcut="CTRL+C" />
        <tool name="Paste" shortcut="CTRL+V" />
        <tool separator="true" />
        <tool name="Undo" shortcut="CTRL+Z" />
        <tool name="Redo" shortcut="CTRL+Y" />
        <tool separator="true" />
        <tool name="LinkManager" shortcut="CTRL+K" />
        <tool name="Unlink" shortcut="CTRL+SHIFT+K" />
        <tool name="ImageManager" shortcut="CTRL+G" />
        <tool name="DocumentManager" />
        <tool name="FlashManager" />
        <tool name="MediaManager" />
        <!-- <tool name="MOSSTemplateManager" />-->
        <tool separator="true" />
        <tool name="MOSSInsertTable" />
        <tool name="SetTableProperties" />
        <tool name="ToggleTableBorder" />
        <tool separator="true" />
        <tool name="MOSSInsertTableElement">
            <tool name="InsertRowAbove" />
            <tool name="InsertRowBelow" />
            <tool name="InsertColumnLeft" />
            <tool name="InsertColumnRight" />
            <tool name="DeleteRow" />
            <tool name="DeleteColumn" />
            <tool name="SplitCell" />
        </tool>
        <tool name="MergeColumns" />
        <tool separator="true" />
        <tool name="ToggleSource" />
        <tool name="FormatStripper" />
        <tool separator="true" />
        <tool name="MOSSRightToLeft" />
        <tool name="MOSSLeftToRight" />
        <tool separator="true" />
        <tool name="ForeColor" />
        <tool name="BackColor" />
    </tools>
    <tools name="MainToolbar" enabled="false">
        <tool name="FontSize" />
    </tools>
        <tools name="MossTools2">
        <tool name="ApplyClass" />
        <tool name="FormatBlock" />
        <tool separator="true" />
        <tool name="FontName" />
        <tool name="FontSize" />
        <tool separator="true" />
        <tool name="Bold" shortcut="CTRL+B" />
        <tool name="Italic" shortcut="CTRL+I" />
        <tool name="Underline" shortcut="CTRL+U" />
        <tool name="StrikeThrough" />
        <tool name="Subscript" />
        <tool name="Superscript" />
        <tool name="PasteFromWord" />
        <tool separator="true" />
        <tool name="JustifyLeft" />
        <tool name="JustifyCenter" />
        <tool name="JustifyRight" />
        <tool separator="true" />
        <tool name="InsertOrderedList" />
        <tool name="InsertUnorderedList" />
        <tool separator="true" />
        <tool name="Indent" />
        <tool name="Outdent" />
    </tools>
    <contextMenus>
        <contextMenu forElement="*">
            <tool name="Cut"/>
            <tool name="Copy"/>
            <tool name="Paste"/>
        </contextMenu>
    </contextMenus>
    <fontSize>
        <item>8</item>
        <item>9</item>
        <item>10</item>
    </fontSize>
</root>

You did not place the fontSize element in the correct place.

Sincerely yours,
Stanimir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Sudeep Seth]

Hello,
Now i am using the toolsfile sent by you but still its not working. Its showing 2 dropdowns with 1,2.3...7 values.

[Stanimir]

Hi Sudeep,
I apologize for the inconvenience there is an error in or help article fontSize should be fontSizes. I will contact our documentation team and they will fix this as soon as possible.

Here is a sample with a working ToolsFile.xml.

<root>
  <modules>
    <module name="RadEditorDomInspector" dockingZone="Module" enabled="true" visible="true" />
  </modules>
  <tools name="MossTools1" dockable="false">
    <tool name="Cut" shortcut="CTRL+X" />
    <tool name="Copy" shortcut="CTRL+C" />
    <tool name="Paste" shortcut="CTRL+V" />
    <tool separator="true" />
    <tool name="Undo" shortcut="CTRL+Z" />
    <tool name="Redo" shortcut="CTRL+Y" />
    <tool separator="true" />
    <tool name="MOSSLinkManager" shortcut="CTRL+K" />
    <tool name="Unlink" shortcut="CTRL+SHIFT+K" />
    <tool name="ImageManager" shortcut="CTRL+G" />
    <tool name="MOSSTemplateManager" />
    <tool separator="true" />
    <tool name="MOSSInsertTable" />
    <tool name="SetTableProperties" />
    <tool name="ToggleTableBorder" />
    <tool separator="true" />
    <tool name="MOSSInsertTableElement" dropDownWidth="180">
      <tool name="InsertRowAbove" />
      <tool name="InsertRowBelow" />
      <tool name="InsertColumnLeft" />
      <tool name="InsertColumnRight" />
      <tool name="DeleteRow" />
      <tool name="DeleteColumn" />
      <tool name="SplitCell" />
    </tool>
    <tool name="MergeColumns" />
    <tool separator="true" />
    <tool name="ToggleSource" />
    <tool name="FormatStripper" />
    <tool separator="true" />
    <tool name="MOSSRightToLeft" />
    <tool name="MOSSLeftToRight" />
    <tool separator="true" />
    <tool name="MOSSHelp" />
  </tools>
  <tools name="MossTools2" dockable="false">
    <tool name="ApplyClass" />
    <tool name="FormatBlock" />
    <tool separator="true" />
    <tool name="FontName" />
    <tool name="FontSize" />
    <tool separator="true" />
    <tool name="Bold" shortcut="CTRL+B" />
    <tool name="Italic" shortcut="CTRL+I" />
    <tool name="Underline" shortcut="CTRL+U" />
    <tool separator="true" />
    <tool name="JustifyLeft" />
    <tool name="JustifyCenter" />
    <tool name="JustifyRight" />
    <tool separator="true" />
    <tool name="InsertOrderedList" />
    <tool name="InsertUnorderedList" />
    <tool separator="true" />
    <tool name="Indent" />
    <tool name="Outdent" />
    <tool separator="true" />
    <tool name="ForeColor" />
    <tool name="BackColor" />
  </tools>
  <contextMenus>
    <contextMenu forElement="*">
      <tool name="Cut"/>
      <tool name="Copy"/>
      <tool name="Paste"/>
    </contextMenu>
  </contextMenus>
    <fontSizes>
        <item>8</item>
        <item>9</item>
        <item>10</item>
    </fontSizes>
</root>

Sincerely yours,
Stanimir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Sudeep Seth]

Hello,
I made the suggested changes on the toolsfile. Please see the attached screenshots for more details.
By default it shows 3 in the font size dropdown and i dont have the 3 in the toolsfile. When i select the fonr size dropdown then it shows 8,9 and 10 but it keeps the same font size for all the options. PLease check and let me know what is the issue.

Regards,
SUdeep

[Stanimir]

Hi Sudeep,
Please review the following online help article http://www.telerik.com/help/aspnet-ajax/fontsizes.html.
There is explained that you can repopulate the Font Size dropdown with the sizes from 1 to 7 (these are the browser supported values). The drop down shows the font size of the current selection. This is the reason why in the default.JPG the font size is 3. You change the default font size by following these steps.
1. Add CssEditor.css file in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.x.x.x__1f131a624888eeed/RadControls/Editor folder.
2. Add the following style. (this will set the default size to 5):

body
{
    font-size: 24px;
}

If you want to apply font sizes in pixels (px) or in points (pt) then use the Real Font Size.

Best wishes,
Stanimir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Sudeep Seth]

Hello,

So you mean to say that we cannot have font size from 9 to 14 in the MOSS RAD Editor webpart? I am using the licensed copy of the RAD Editor webpart. I can see the font size that i want to have at 
http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx

Please let me know whether this is possible on MOSS RAD Editor webpart or not?

Regards,
Sudeep

[Stanimir]

Hello Sudeep Seth,
So you mean to say that we cannot have font size from 9 to 14 in the MOSS RAD Editor webpart? - You can repopulate the Font Size dropdown with the sizes from 1 to 7 (these are the browser supported values).

If you want to have bigger font sizes use the Real Font Sizes dropdown: http://www.telerik.com/help/aspnet-ajax/editorrealfontsizes.html

All the best,
Stanimir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.