Gemini Community Support Site

This Gemini community support site can be used to find solutions to product issues. You can log in using Open Id, Google Profile and even Facebook. Feel free to ask a question or browse FAQs and documentation. Product tour videos are also available along with how-to videos demonstrating key Gemini capabilities.




Changing Default Font in the RAD editor from Times New Roman to Arial

web-app

How can I change the default font in the RAD editor? I prefer tehe font Arial but when I create an Issue the default font is always Times New Roman. 

TIA

Leo Staalman

Staalman
· 1
Staalman
Replies (13)
helpful
0
not helpful

Hi Leo,

Yes, you can do so by changing the EditorContentArea.css file, which is under the radcontrols\editor\Schemes\Office2000 folder of the Gemini web app.

Sample:

.RadEContent, .RadEContentBordered
{
 padding:3px;
 background-color: #FFFFFF;
 background-image: none;
 margin: 0px;
 text-align: left;
 scrollbar-face-color: #E9E9E9;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: #E9E9E9;
 scrollbar-3dlight-color: #DBDBDB;
 scrollbar-arrow-color: #787878;
 scrollbar-track-color: #F5F5F5;
 scrollbar-darkshadow-color: #AEAEAE;
 font-size:10pt;
 font-family:Arial;
}


Mark Wing
· 9108
Mark Wing
helpful
0
not helpful

Thanx.

Leo


Staalman
· 1
Staalman
helpful
0
not helpful

Do you know which file I edit in Gemini v2.1? I did a search for css files and there are a lot of them.


mohaaron
· 1
mohaaron
helpful
0
not helpful

EditorContentArea.css file, which is under the /RadControls/Editor/Skins/Office2000


Saar Cohen
· 5000
Saar Cohen
helpful
0
not helpful

OK, that didn't work. After editing the EditorContentArea.css file, I go to add a new issue comment and I start typing, the font is automatically set to Times New Roman where I would like to to be Arial.


mohaaron
· 1
mohaaron
helpful
0
not helpful

Sorry, you should change the css file that is under the Default skin.


Saar Cohen
· 5000
Saar Cohen
helpful
0
not helpful

After making the change to EditorContentArea.css to force the default font to be Arial size 2 (10pt), as soon as I click into the editor body, the font changes back to Times New Roman size 3.

Has anyone successfully changed the default font in 2.1 or later?  (I have done this before in 2.0, but I just can't make it work in 2.1).


BorisNikolaevich
· 1
BorisNikolaevich
helpful
0
not helpful

I have it working with 2.1 and 2.2.

Which file did you change and under which directory?


Saar Cohen
· 5000
Saar Cohen
helpful
0
not helpful

I changed RadControls\Editor\Skins\Default\EditorContentArea.css.

I also found a post at http://www.telerik.com/community/forums/thread/b311D-hdhat.aspx which I thought might help, but didn't seem to.

However, with those two changes implemented, I later stopped and restarted the web site--and since then, it seems to be working correctly.  So, perhaps that's the missing piece: "After making the change, try restarting the web site, or at least modify web.config so the application will be reloaded."


BorisNikolaevich
· 1
BorisNikolaevich
helpful
0
not helpful

I wanting to make this type of change to the editor and I just upgraded to version 3.0.0 (Build 1955) but in the RadControls folder I only have "Ajax" and "PanelBar" folders.  Doing a search of the entire Gemini folder I don't find "EditorContentArea.css". 

How can I change the default font using version 3?

Thanks, Rick...


rwilkerson
· 1
rwilkerson
helpful
0
not helpful

Hi Rick,

Telerik by default embed all skins into DLL.

I wil ty to get you the skins standalone and instructions to point towards them (so you can then customise them).


Harvey Kandola
· 212
Harvey Kandola
helpful
0
not helpful

Harvey Kandola
· 212
Harvey Kandola
helpful
0
not helpful

In the version of Telerik Editor used in Gemini 3.x, you need to create the file EditorContentArea.Default.css under the .../AppThemes/Default folder.  This file only needs to contain the styles you are overriding.

Also, I found after using Firebug to inspect the editor (and confirmed after reading http://www.telerik.com/community/forums/thread/b311D-bcadgm.aspx#470764) that the style should be applied to the BODY element instead of the old Content classes.

For example:

.../App
Themes/Default/EditorContentArea.Default.css

BODY

   font-family: Arial;
   font-size: 10pt;
}


BorisNikolaevich
· 1
BorisNikolaevich