How to get rounded corners and a border shadow?

Discussion in 'ASP .Net' started by Mark B, Dec 15, 2008.

  1. Mark B

    Mark B Guest

    Mark B, Dec 15, 2008
    #1
    1. Advertisements

  2. Mark B

    zigzag

    Joined:
    Dec 15, 2008
    Messages:
    4
    Likes Received:
    0
    Hi Mark,

    As part of the AJAX toolkit there is a rounded corners tool that can be applied to different controls.

    I am new to this forum so I cannot add a link to the ajax toolkit. But if you do a search for ajax, toolkit and rounded corners you should find the control.

    Hope this helps.
     
    zigzag, Dec 15, 2008
    #2
    1. Advertisements

  3. Mark B

    Mark B Guest

    Thanks. I see. I wonder though if that can be applied to the entire page
    (and my pages all have Masterpage and a Content section already, plus the
    Masterpage holds a table which has a row that holds the Content Panel).

    "The Obergruppenfuhrer" <> wrote in message
    news:...
    > Use the Ajax dropshadow extender. There is also a rounded-corners
    > extender,
    > but you can put the rounded corners option into the dropshadow extender.
    >
    > Here is some markup:
    >
    > <div id="div2" style="position: absolute; top: 50px; left:
    > 50px" >
    > <asp:panel ID="Panel1" runat="server"
    > CssClass="dropShadowPanel">
    > <div id="div3" style="padding: 10px">
    > First Name:
    > <asp:TextBox ID="TextBox1"
    > runat="server"></asp:TextBox><br />
    > Last Name:
    > <asp:TextBox ID="TextBox2"
    > runat="server"></asp:TextBox><br />
    > </div>
    > </asp:panel>
    > <ajaxToolkit:DropShadowExtender
    > ID="DropShadowExtender1"
    > runat="server" Enabled="True"
    > TargetControlID="Panel1" Opacity="0.3"
    > Rounded="True" TrackPosition="True" Width="10">
    > </ajaxToolkit:DropShadowExtender>
    > <hr />
    > <asp:Button ID="Button2" runat="server" Text="Button"
    > />
    > </div>
    >
    > see the attached picture, also, for code and sample output.
    >
    >
    > "Mark B" <> wrote in message
    > news:...
    >> How can I get the same rounded corners, border and shadowing like at
    >> http://office.microsoft.com/en-gb/marketplace/EM100766361033.aspx?CategoryID=CE010171801033?
    >>
    >> I've tried the CSS border property which gives a 1 pixel border OK but
    >> not
    >> rounded corners. Is there a property for rounded corners?

    >
     
    Mark B, Dec 16, 2008
    #3
  4. Mark B

    bruce barker Guest

    there are two common ways beside javascript (which doesn't give really
    nice corners):

    1) if the size if the panel is known, use a background image.
    2) the most common is to use images for the corners. see:

    http://www.alistapart.com/articles/customcorners/

    -- bruce (sqlwork.com)

    The Obergruppenfuhrer wrote:
    > Use the Ajax dropshadow extender. There is also a rounded-corners
    > extender, but you can put the rounded corners option into the dropshadow
    > extender.
    >
    > Here is some markup:
    >
    > <div id="div2" style="position: absolute; top: 50px;
    > left: 50px" >
    > <asp:panel ID="Panel1" runat="server"
    > CssClass="dropShadowPanel">
    > <div id="div3" style="padding: 10px">
    > First Name:
    > <asp:TextBox ID="TextBox1"
    > runat="server"></asp:TextBox><br />
    > Last Name:
    > <asp:TextBox ID="TextBox2"
    > runat="server"></asp:TextBox><br />
    > </div>
    > </asp:panel>
    > <ajaxToolkit:DropShadowExtender
    > ID="DropShadowExtender1" runat="server" Enabled="True"
    > TargetControlID="Panel1" Opacity="0.3"
    > Rounded="True" TrackPosition="True" Width="10">
    > </ajaxToolkit:DropShadowExtender>
    > <hr />
    > <asp:Button ID="Button2" runat="server" Text="Button" />
    > </div>
    >
    > see the attached picture, also, for code and sample output.
    >
    >
    > "Mark B" <> wrote in message
    > news:...
    >> How can I get the same rounded corners, border and shadowing like at
    >> http://office.microsoft.com/en-gb/marketplace/EM100766361033.aspx?CategoryID=CE010171801033?
    >>
    >>
    >> I've tried the CSS border property which gives a 1 pixel border OK but
    >> not rounded corners. Is there a property for rounded corners?

    >
    > ------------------------------------------------------------------------
    >
     
    bruce barker, Dec 16, 2008
    #4
    1. Advertisements

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Konrad

    rounded corners in data grid

    Konrad, Aug 30, 2003, in forum: ASP .Net
    Replies:
    2
    Views:
    1,046
    Ken Schaefer
    Aug 30, 2003
  2. Francisco J. Jurado

    Rounded corners in menu Table and Bottons

    Francisco J. Jurado, May 31, 2004, in forum: ASP .Net
    Replies:
    3
    Views:
    740
    John Timney \(Microsoft MVP\)
    May 31, 2004
  3. kurt sune

    Rounded corners on panel/div etc

    kurt sune, Oct 12, 2005, in forum: ASP .Net
    Replies:
    1
    Views:
    6,161
  4. Fluxcore

    CSS and rounded corners

    Fluxcore, Dec 2, 2003, in forum: HTML
    Replies:
    2
    Views:
    563
    Richard
    Dec 3, 2003
  5. Replies:
    2
    Views:
    1,261
    Nik Coughlin
    Mar 11, 2007
  6. henk gijsbert
    Replies:
    1
    Views:
    2,110
    henk gijsbert
    Jun 21, 2010
  7. TheCornjerker

    Google and rounded corners

    TheCornjerker, Oct 15, 2006, in forum: Javascript
    Replies:
    8
    Views:
    190
    cwdjrxyz
    Oct 17, 2006
  8. Replies:
    1
    Views:
    499
    marss
    Feb 14, 2007
Loading...