[CLOSED] Radius on FieldSet border

  1. #1

    [CLOSED] Radius on FieldSet border

    Been looking to see if this can be done. Anyone mananaged it?
    Last edited by Daniil; Nov 05, 2013 at 8:31 AM. Reason: [CLOSED]
  2. #2
    Hi @ATLAS,

    Please use the border-radius CSS3 option. As for IE, it is supported in IE9+ only.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    
        <style>
            .my-fieldset {
                border-radius: 5px;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <ext:FieldSet 
                runat="server" 
                Title="FieldSet" 
                Width="300" 
                X="50" 
                Y="50"
                Cls="my-fieldset">
                <Items>
                    <ext:TextField runat="server" />
                </Items>
            </ext:FieldSet>
        </form>
    </body>
    </html>
  3. #3

    Ha, ha, ho, ho

    Quote Originally Posted by Daniil View Post
    Hi @ATLAS,

    Please use the border-radius CSS3 option. As for IE, it is supported in IE9+ only.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    
        <style>
            .my-fieldset {
                border-radius: 5px;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <ext:FieldSet 
                runat="server" 
                Title="FieldSet" 
                Width="300" 
                X="50" 
                Y="50"
                Cls="my-fieldset">
                <Items>
                    <ext:TextField runat="server" />
                </Items>
            </ext:FieldSet>
        </form>
    </body>
    </html>
    Hi Daniil,
    Thanks for that. It is just exactly what I'd iplemented and guess what ....... it works on Chrome but NOT on IE9 (latest updates). Groan! Oh well, at least this browser incompatibilty keeps legions of developers in employment :-)

    PS On IE, the border width works ....... on Chrome, it is always 1px !!!!! Arrrrggghhh.
    Last edited by ATLAS; Sep 12, 2013 at 2:29 PM.
  4. #4
    Hmm, border-radius doesn't work in my IE9 as well. I tried some suggestions found on the internet, without success.

    As for border width, this appears to be working:
    <style>
        .my-fieldset {
            border-radius: 5px;
            border-width: 5px !important;
        }
    
            .my-fieldset .x-fieldset-header-text {
                line-height: 18px;
            }
    </style>
  5. #5
    The border radius does not 'seem' to work in IE 10 as well, however, if you remove the Title property of the FieldSet the border radius seems to work. Not very useful however.
  6. #6
    Please clarify what the example are you testing with?
  7. #7
    I just take his precise example and remove the Title property of the FieldSet and then the radius works in IE

    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
     
    <!DOCTYPE html>
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
     
        <style>
            .my-fieldset {
                border-radius: 5px;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
     
            <ext:FieldSet
                runat="server"
                Title=""
                Width="300"
                X="50"
                Y="50"
                Cls="my-fieldset">
                <Items>
                    <ext:TextField runat="server" />
                </Items>
            </ext:FieldSet>
        </form>
    </body>
    </html>
  8. #8
    Confirmed. I see the same behavior in IE9.

    I have no idea. It looks to be a bug in IE.
  9. #9
    This link looks promising.

Similar Threads

  1. [CLOSED] Chart marker radius for tip
    By bayoglu in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Apr 19, 2013, 3:54 PM
  2. [CLOSED] Border to Container
    By Z in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 29, 2012, 1:42 PM
  3. Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM
  4. [CLOSED] FieldSet - Bottom border-line missing on IE-8
    By ndotis in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 03, 2011, 5:04 PM

Posting Permissions