Default font and fontsize

[Ufficio Acquisti]

Hi,

I've got a problem with your textarea under angularjs.

I need to initialize control as you can check here:

http://dojo.telerik.com/IxEKI

but, when there's no text, i DON'T want "inherited font" and "inherited size" as default selection for comboboxes, i have to select fontsize and fonttye from settings i read on my setting db.

When something is written inside, it's accettable selection mentioned above... really it would be better if selection correstond to the font and size used to write text present inside.

Thanks a lot

Matteo

[Niko]

Hello,

The value of the font-size and font-name drop-downs depend on the selected text in the editor content area. The inherited value actually signifies the lack of any explicitly defined font-size or font-name for the selected element. Therefore the value of those drop-downs are not defined by an outside value, but from within the content area.

You can change the text for the inherited value through the messages option in the editor - http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-messages.fontSizeInherit and http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-messages.fontNameInherit.

If you wish to define different default values for font-family and font-size, then you should check the option for adding additional stylesheets to the editor - http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#configuration-stylesheets. Also if you use the inline mode of the editor, where the styling on the page influenced the styling in the content area as well, then you would not need the stylesheets option.

Hope this helps.

Regards,
Niko
Telerik

 

 

[Scott]

Where does the style sheet need to be put in order for the control to find it and how do you do this with Tag Helpers?

[Ivan Danchev]

Scott,

The style sheet should be within the wwwroot folder of the application, for example in the "css" sub folder.

You can then pass it to the Editor as shown below:

@{
string[] stylesheets = { Url.Content("~/css/myEditorStyleSheet.css") };
}

<kendo-editor name="editor" aria-label="editor" style="width: 100%; height:840px" stylesheets="stylesheets">