RoundedCornerExtender with Panel in ASP.Net

Question

0.00/5 (No votes)

See more:

I am using the AJAX RoundedCornerExtender with the <asp:Panel> control, by setting the targetcontrolID to the id of the panel.I've even set the height and the width of the panel but still I could'nt find any change in panel the panel is not even visible. Following is my code snippet

ASP.NET

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Userconsole.aspx.cs" Inherits="WebApplication1.TAP_User_Console.Userconsole" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"  runat="server">
    <title>User Console</title>
    <link rel="Stylesheet" href="../Styles/Site.css" />
</head>
<body>
<form id="form1"  runat="server">
    <div id="Login" style="margin-removed 600px">
         <asp:Button ID="btLogout" runat="server" Text="Logout" BackColor="#009933" 
             Font-Bold="True" ForeColor="Black" />
    </div> 
    <div id="Userheader1">
        <asp:ToolkitScriptManager ID="userconsolemngr" runat="server">
        <asp:Panel ID="Userheader1pane" runat="server" Height="72px" Width="100%">
        <center>
        <br />
        <table width="100%">
            <tr>
                <td align="left">
                    <asp:Button ID="btnNewfolder" runat="server" Text="New Folder" 
                        width="115px" Font-Bold="True" />
                </td>
                <td align="left">
                    <asp:Button ID="btnNewor" runat="server" Text="New OR" Font-Bold="True" 
                        Width="115px" />
                </td>
                <td align="left" style="margin-removed 40px">
                    <asp:Button ID="btnNewlibrary" runat="server" Text="New Library" 
                        width="115px" Font-Bold="True" />
                </td>
                <td>
                    <asp:Button ID="btnConfig" runat="server" Text="Config Settings" 
                        BackColor="#0099FF" Font-Bold="True" ForeColor="White" Width="144px" />            
                </td>
                <td>
                    <asp:Button ID="btnTestmgmt" runat="server" Text="Test mgmt" 
                        BackColor="#0099FF" Font-Bold="True" ForeColor="White" Width="144px" />            
                </td>
             </tr>
        </table>
        <br />
        </center>
        
        <asp:RoundedCornersExtender ID="Userheadercorner" runat="server" TargetControlID="Userheader1pane" Radius="6">
        </div>

Can anyone help me to find where I've gone wrong, because I can see from some forums that RoundedCornerExtender works fine with panel alone.

Thanks in advance

Posted 3-Aug-11 0:20am

CyborgForever

Updated 12-Apr-16 2:12am

v2

Add a Solution

Comments

A.P.Chowdary 3-Aug-11 7:09am

i am also having the same problem

CyborgForever 4-Aug-11 3:35am

Wr u able to find rounded corners for the panel from my solution

[no name] 3-Aug-11 10:32am

Does it offer any benefit compared to using CSS?

CyborgForever 4-Aug-11 0:51am

I found that most of forums are posting the use of CSS for rounded corners for controls like textbox, button, panel etc, but with the use of images. But i dont think so it'll work fine for all type of browsers. So I thought of using extender

3 solutions

Solution 1

Please Add Script Manager if it is Indivual Form or if its taken under the Specific Master add Script manager to Master Form.I think yours is Single Form Right

Posted 3-Aug-11 20:58pm

GoudCL

Comments

CyborgForever 4-Aug-11 3:04am

I've already added the ToolScriptManager, which you can c from my code snippet.

Solution 3

In asp.net its easy to implement rounded corner to panels using ajax, try the following example

ASP.NET

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </ajaxToolkit:ToolkitScriptManager>
    </div>
    <asp:Panel ID="Panel1" runat="server" BackColor="AppWorkspace" Height="188px" Width="271px">
    </asp:Panel>
    <ajaxToolkit:RoundedCornersExtender ID="Panel1_RoundedCornersExtender"
        runat="server" Enabled="True" TargetControlID="Panel1" Radius="15">
    </ajaxToolkit:RoundedCornersExtender>
    </form>
</body>
</html>

Posted 12-Apr-16 2:12am

anandps360

Comments

AnvilRanger 12-Apr-16 9:28am

Why answer a question that is almost 5 years old and has an excepted solution.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

CyborgForever · Accepted Answer · 2011-08-03T21:06:00

I found something and atlast rounded corner works on my panel. Be sure that you've stated the height and width property of the panel. Then we have to use BorderColor property in RoundedCornerExtender control and also have to specify in Corners property and also radius. In simple you've to play with the border and radius

RoundedCornerExtender with Panel in ASP.Net

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us