Click here to Skip to main content
15,919,358 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Dear Friends,

I have a Feed back Form in my asp.net Webpage.

I have a table...I need to make the Corners of the Table to be Rounded.

Please suggest me how to do this

Thanks.
Posted

Use CSS
CSS
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

But this not works on Internet Explorer except IE 9.
Or you can use
Ajax Toolkit RoundedCorners
 
Share this answer
 
Hay buddy,

You can use AjaxToolkit to make it done. The sample code are given below:

XML
<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:Panel ID="pnlMain" runat="server">
        <asp:Table ID="tbMain" runat="server">
            <asp:TableRow>
                <asp:TableCell>1.</asp:TableCell>
                <asp:TableCell>John Smith</asp:TableCell>
                <asp:TableCell>USA</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell>1.</asp:TableCell>
                <asp:TableCell>John Smith</asp:TableCell>
                <asp:TableCell>USA</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell>1.</asp:TableCell>
                <asp:TableCell>John Smith</asp:TableCell>
                <asp:TableCell>USA</asp:TableCell>
            </asp:TableRow>
        </asp:Table>
        </asp:Panel>
        <Ajax:RoundedCornersExtender ID="Round1" runat="server"
            TargetControlID="pnlMain" Radius="5" BorderColor="Black"
            />
    </div>



Don't forget to add AjaxToolkit reference in your project. :)
 
Share this answer
 
hi ranjith,

i don't know is this feature available or not in asp.net. But
is there another way if u installed expression blend..this is very easy.
steps in expression blend to make a table with corner radius
1)open a table in expression blend
2)go to properties in that select corner radius.
3)if accepts only integer type (for example 1,2,3,........)
4)now it will generate code
5)that code copy and paste into u r application where you want.

and also u can make rich presentation design in expression blend
(like mouse hover , mouse leave.....).

as per my suggestion this is better way..

thanks and regards,
nareshrajuu
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900