Creating web part containers

Here's an example of defining a new web part container:

 

1.Go to Site Manager -> Development -> Web part containers.
 
2.Click New container.
 
3.Enter the following values:
- Container display name: Blue
- Container code name: Blue
- Text before web part:

 
       <table width="100%" style="border: 1px solid #4a62e4;" cellpadding="5" cellspacing="0">

       <tr valign="top">

       <td style="background-color:#4a62e4;font-weight:bold;color:white">

       {%ContainerTitle%}

       </td>

       </tr>

       <tr valign="top">

       <td>

 
 - Text after web part:

 
       </td>

       </tr>

       </table>

 

4.Click OK to save.
 
5.Go to CMS Desk and display some page on the Design tab. Configure some web part and set its properties like these:
- Use container: Blue
- Container title: My web part with container
 
6.View the page in Live site mode. The web part will be surrounded with border and it will have the blue title.