WAML - Web Application Markup Language

• About this group
• Forums

• Home
• Groups
• WAML - Web Application Markup Language
• Forums
• Language Reference
• wa:Box

• 
  Evgenios Skitsanos    Group moderator

  The company name is only visible to registered members.

  wa:Box

  Draws rounded corner box. Round corners are fully supported also in Internet Explorer 5.5, covering a very wide range of modern browsers: the examples that we'll see in this article have been successfully tested in IE6, IE5.5, Opera 7.6, Firefox 1.0 and Safari 1.1.
  
  Syntax sample
  
  <wa:Box id="boxRounded" Corners="all" CornerType="border" InnerColor="#c3daf9" OuterColor="#fff" style="width:500px; padding: 3px; color: #666;" contentUrl="docs/waml.waml"/>
  
  Parameters
  
  @Corners parameter specify wich corners to round. It accept one or more of the following keywords separated by a space:
  
  all will round all corners
  top will round top corners
  bottom will round bottom corners
  tl will round top-left corner
  tr will round top-right corner
  bl will round bottom-left corner
  br will round bottom-right corner
  You can also combine the keywords. For example, you can use the parameter "top br" to round the top corners and the bottom-right one. Note also that both the parameter "top bottom" and "tl tr bl br" are valid to get all the four corners rounded.
  
  @CornerType - Allows to select type of borders to render:
  
  smooth will produce lighly antialiased nifty corners: the Javascript library will compute automatically the intermediate color to blend the inner and outer color more gently: so, in this case they must be both be specified.
  border (followed by a color in hex code with # symbol, in three or six digits) will make corners with edges. Note that you can also get transparent corners, but just outside the edges.
  small will produce small corners, and could be applied to every kind of corners
  @InnerColor - Inner background color. Should be specified in hex code with # symbol, in three or six digits.
  
  @OuterColor - Inner background color. Should be specified in hex code with # symbol, in three or six digits.
  
  • 21 Jan 2007, 11:16 am
  Evgenios Skitsanos wrote: > Draws rounded corner box. Round corners are fully supported also in > Internet Explorer 5.5, covering a very wide range of modern browsers: > the examples that we'll see in this article have been successfully > tested in IE6, IE5.5, Opera 7.6, Firefox 1.0 and Safari 1.1. > > Syntax sample > > <wa:Box id="boxRounded" Corners="all" CornerType="border" > InnerColor="#c3daf9" OuterColor="#fff" style="width:500px; padding: > 3px; color: #666;" contentUrl="docs/waml.waml"/> > > Parameters > > @Corners parameter specify wich corners to round. It accept one or > more of the following keywords separated by a space: > > all will round all corners > top will round top corners > bottom will round bottom corners > tl will round top-left corner > tr will round top-right corner > bl will round bottom-left corner > br will round bottom-right corner > You can also combine the keywords. For example, you can use the > parameter "top br" to round the top corners and the bottom-right one. > Note also that both the parameter "top bottom" and "tl tr bl br" are > valid to get all the four corners rounded. > > @CornerType - Allows to select type of borders to render: > > smooth will produce lighly antialiased nifty corners: the Javascript > library will compute automatically the intermediate color to blend > the inner and outer color more gently: so, in this case they must be > both be specified. > border (followed by a color in hex code with # symbol, in three or > six digits) will make corners with edges. Note that you can also get > transparent corners, but just outside the edges. > small will produce small corners, and could be applied to every kind > of corners > @InnerColor - Inner background color. Should be specified in hex code > with # symbol, in three or six digits. > > @OuterColor - Inner background color. Should be specified in hex code > with # symbol, in three or six digits.