ATLAS Control Toolkit Updated (RoundCornerExtenderControl)

I really like the RoundCornerExtenderControl which is part of the 4 new controls introduced in the ATLAS Control Toolkit. You can make round corners of different controls and make them cooler by simply using the RoundCornerExtenderControl. Check out the code below which make round corners for two <td> cells.

    
    <table> 
    <tr>
    <td id="td1" style="background-color:Red" runat="server">    
    This 
is the first message    
    </td>
    </tr>
    <tr>
    <td>
    <table>
    <tr>
   
    <td id="td2" style="background-color:Yellow" runat="server">
    This 
is the second message 
    </td>
  
    </tr>    
    </table>    
    </td>
    </tr>   
     
     <cc1:RoundedCornersExtender ID="rc1" runat="server">
     <cc1:RoundedCornersProperties TargetControlID="td1" Radius="10" />
     </cc1:RoundedCornersExtender>
     
     <cc1:RoundedCornersExtender ID="rc2" runat="server">     
     <cc1:RoundedCornersProperties TargetControlID="td2"
     Color="yellow" Radius="10" />
     </cc1:RoundedCornersExtender>   
    
    
   </table>

You also need to register the ScriptManager control which can be accomplished by using the following code:

<atlas:ScriptManager ID="sm1" runat="server" />

Check out the cool effect in the screen shot below:

 

 

powered by IMHO 1.3

Print | posted @ Wednesday, May 10, 2006 6:17 PM

Twitter