Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Stephan
725
WebTextEditor with rounded corners
posted

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

Parents
No Data
Reply
  • 24497
    Suggested Answer
    posted

    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>

Children