C# - Telerik Radeditor / How To Set The Value For The Skin
Nov 8, 2010
In the Telerik.Web.UI.xml file I found this entry
<member name="P:Telerik.Web.UI.RadDataBoundControl.Skin">
<summary>Gets or sets the skin name for the control user interface.</summary>
<value>A string containing the skin name for the control user interface. The default is string.Empty.</value>
<remarks>
<para>
If this property is not set, the control will render using the skin named "Default".
If EnableEmbeddedSkins is set to false, the control will not render skin.
</para>
</remarks>
</member>
that says RadControls are using skin named Default..Now what if I want it to be not default ..what if I want it to be some CustomSkin to be rendered and not default skin?? Where do I need to set the value for the skin I wanna use? I don't know much of XML..so asking
Whats this xml file for anyway? Only describing stuff? What IS the purpose of this xml file??
[EDIT]
Tried setting Skin globally in webconfig.xml as mentioned in telerik's website as follows:-
RADEditor on my page was inheriting Master Page's CSS properties so followed this tutorial to create custom skin..now what I did was...I simply copied the Folder named "Default" under Skins folder and renamed it to "CustomSkin" and added it like in the code above ..thot it would work but it didn't coz now I don't see border on my RADEditor...why is that ? Also it is STILL inheriting properties from Master page's CSS file :(
I didn't change name of any of the CSS files inside "CustomSkin" folder...Also when I added the following inside "telerik:RadEditor"...still problem persisting..
In telerik:RadEditor tag ..I haven't specified any property such as Skin=Skin1 or whatever..so its using some default skin...In the Skins folder..there's this folder named "Default" that's got images and css files...Is "Default" what it's using ??? now when I change something in the Default skin's CSS file...changes do not reflect on my page...so how do I find out which css its using ??can't figure out nothing from a path like that
[edit]
For this Editor mainly 3 css files are being used namely Editor.Default.css,Window.Default.css and ToolBar.Default.css..now when I view page source , I can't find refernce to any of these 3 css files...Also in firebug , under "Styles" where that weird css path is shown, its displaying CSS classes like .reToolbar , etc...now ALL the Skins' CSS files have got this CSS class ".reToolbar" ..so how to find out which CSS file's class is this particular ".reToolbar class" ??
I have an issue using Telerik RadEditor with IE (not Firefox, not Chrome and not Safari). I think that i have a conflicting css style but i have no idea of wich one (tryed to delete most of the styles). I also tryed to add a ContentEditorArea.css.
How RadEditor displays in IE8 (not very different in IE7) : http://www.skalae.fr/radeditor.jpg
The editor's using Default skin..when I made changes to Editor.Default.CSS file...they didn't reflect on my page..but when I type the following I can see the changes:-
Do I HAVE to create a custom Skin file for the changes to reflect ??I dont wanna coz the editor has been used in many files and now linking new custom CSS file in each and every aspx file will be such a pain.. I just want this to be added in the Skin:-
body { background-image:none; background-color:White; }
What this does is that it makes the background color of the content area white..earlier the content area of the Editor was inheriting background-image property of the Master Page's body tag...ohh and another funny issue is that the Font styles too are inheriting Master Page's properties only..like Heading 2 in the Editor's drop down list has got a background color when I want it to be simple..
So is making custom skin css file the only solution ..How do I get the changes to reflect thru the Default css file only ? I dont wanna create custom class..why didn't the changes reflect ?
The required functionality I am aiming for is to pull out RTF content from a database, edit it through a web interface (with a WYSIWYG editor) and then place the modified text back in to the database (in RTF format).
The control that I am using to do this is Telerik RadEditor (we have a license already for these controls). In the most recent version there appears to be functionality to load in RTF content from a string or a stream, but the only method I can see that is exposed for getting RTF back out is exportToRTF(); this method modified the headers and allows you to save a RTF version of the content you have just edited as a file.
The functionality to convert from HTML to RTF must exist somewhere within their library as you can export a RTF file, but I can not find any publicly exposed methods to pass this in to a stream or a string.
Does anybody know of a way that I can convert the HTML back to RTF using the Telerik libraries without saving out to a file?
foreach (Control control in ContentPlaceHolder1.Controls) { if(typeof(Control).Equals(Telerik.Web.UI.RadEditor)) { label1.Visible = true; label1.Text = "dhchk"; // control.CssFiles.Add("~/styles/myStyle.css"); } }
Error;-
'Telerik.Web.UI.RadEditor' is a 'type', which is not valid in the given context
Also, is this the correct way to add CSS class to radEditor controls ??
control.CssFiles.Add("~/styles/myStyle.css");
I actually wanna add 3-4 customized classes..how to do that?
also I was wondering if I can add some javascript or something in my Master page that will detect the ALL the radEditor controls and set their css classes ? don't know much of Javascript..how can that be made possible? how do I go about that? but first I want css classes to be set in code behind..what's wrong with the code?
[EDIT]
@Geek..I tried calling like this..is it correct?
Control c = new Control(); DoSomething(c);
now its giving this error in the method:-
The type or namespace name 'c' could not be found (are you missing a using directive or an assembly reference?)
[EDIT]
I do have this namespace added "using System.Web.UI.WebControls;" why this error ??
We are using Telerik RadEditor control in our project and having some problems with its integration with our user documents storage engine. We've implemented custom content provider for Telerik image manager and it shows correct documents in dialog. But in doesn't switch between images while selection. You can see this on this picture. We've tested this behaviour on the blank ASP.NET page without any additional CSS or JS. Rad editor tag could be found below. Please help! Why do this could happen?
Currently I have to click the Spell check button on RadEditor's toolbar to see the word suggestions. Is there any way for that? I did find a way to run Spell Checker on Submit Button click but how do I get what I want? I have gone through forums but in vain. Need help please. Thanks
Telerik people have not replied. It's been three days now so asking here. Anybody who is familiar with Telerik controls please help me out.
edit: Anybody in here who is familiar with Telerik controls.
When I use a RadEditor I want to enable the editor's spell check (working thus far). After a spell check the user can either click on the radmodule (toolbar thing) to either "finish spellcheck" or "cancel." Which is all fine and dandy except the "finish" button causes a postback!! I don't want that at this point!! "cancel" more or less does what I want to happen - I mostly just want a "done" or a way to stop the postback.
I've tried an Update panel but that just grays out the text area after it does the update.
I added this in the head section of my page as told in the article..added the following two additional lines to get rid of the background image(RADEditor on my page is inheriting master page's bg image)
i have a radeditor in my webform and it posts back. if i type any thing in the editor and press enter key for new line and then use any control in the page which reloads the page, then the next line character in the editor gets replaced by $0 and other text remains same as earlier. it happens in SAFARI.
Ex. aasdads dsdsds the above text replaced by: aasdads$0dsdsds$0
I am a beginner in ASP.Net. I want to know what is CSS, Themes and Skin in ASP.Net? and How to create and use these things in ASP.Net? Please explain with simple example.
I have a project where i want (almost) all controls of the same type to also have an extender set with the SAME properties - is there some way to skin the existence of that extender instead of placing it on each and every control?
Quite some time ago I used an old version of the AjaxToolkit. Now I decided to load the newest version. Below code shows me the HEADER and CONTENT ok, HOWEVER:it seems that no theme (skin, CSS) areused / found / recognisedwhen running the page I see the header and content I even can click the header and the text fades away correctly!I used drag/drop from the toolbox in VS2008
What is the main difference between .skin and .css in asp.net?.skin is new enhancement of IDE. I have been working with .css. What is available in .skin that is not to .css
If I am assigning a paricular css class to a control ,it hnherits the class but if i simultaneously give the skin id to the same control then this skin ID overrides the CSS class. Why this is happening?Now if I am using !important in the css stylesheets then css class property is inherited by the control.
i installed dotnetnuke in my system, installation is completed successfully, now i want to change skin settings according to my requirement like changing colors,font,logs like that can u help me how can i do this in dotnetnuke.
I implemented a lot of ASP.NET controls inheriting controls from existing control library. My problem is that I can't use existing library themes/ skin files for skinning my controls. Is there a way to use existing skin files in inherited controls? Changing parts or renaming skin files is not an option. I could read data from skin file and then apply it to control programatically. Is there some kind of API for reading skin files?
I have four themes: Theme1, Theme2, Theme3, Theme4. Under every theme, it contains a skin file and css file. In every themes, there are some same css elements, skin elements and different css elements, skin elements. How can I put the same css elements, skin elements under one shared thems instead of every themes.