Hello,
I have already tested the Ajax Toolkit RoundCornersxtender which works with WebTextEditor.
Are there any plans to enhance WebTextEditor at least in order to simply activate rounded corners instead of using the Ajax toolkit? Maybe being a new property in within Application Stylist?
Yours
Stephan
Hello Stephan,
Let me know if you have further questions.
Hello Viktor,
many thanks for your solution. I just see you are recommending CSS 3 styling rules. Yes, this is indeed the best but does not work as far as I know with IE 8. But you are right, it is much easier to use the new CSS styling feature. I really don't care IE 8, users with IE8 will get no rounded corners and the others are getting lucky :-).
YoursStephan
Hi Stephan,
In order to support rounded corners for any browser, special structure of html is required and it it not possible to support it using a special StyleSet or similar.
However, if application targets latest browsers like Firefox, Safari and IE9, then it is rather easy to add rounded borders to editors.If you add attributes to shared css classes used by WebTextEditor, then it will affect all editors with corresponding StyleSet name. If you use CssClass property, then you may configure only specific editor. Below are those 2 examples:
Configure all editors on page:
<head runat="server"> <title></title> <style type="text/css"> .igte_EditWithButtons { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .igte_Edit { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } </style></head>
Configure only specific editor:
<head runat="server"> <title></title> <style type="text/css"> .rounded { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } </style></head>...
<ig:WebTextEditor ID="WebTextEditor1" runat="server" CssClass="rounded"></ig:WebTextEditor><ig:WebTextEditor ID="WebTextEditor2" runat="server" CssClass="rounded"> <Buttons CustomButtonDisplay="OnRight"></Buttons></ig:WebTextEditor>