widget:block-content

Purpose

A structural element enclosing content, which can be displayed by widget:block. It supports transition effects.

Contained by

Attribute groups

Example

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
  xmlns:widget="http://www.volantis.com/xmlns/2006/05/widget">
  <head>
    <title>Block widget</title>
    <style type="text/css">
      widget|block {
        padding: 0.5em;
        background-color: #ccc;
      }
      widget|block-content {
        padding: 0.5em;
        background-color: #ccc;
      }
    </style>
  </head>
  <body>
    <widget:block id="myBlock" class="widget">
      <widget:block-content> The <em>content</em> of the <strong>block</strong> widget.
      </widget:block-content>
    </widget:block>
    <div>
      <strong>Block:</strong>
      <widget:display property="myBlock#status"/>
      <strong>Content:</strong>
      <widget:display property="myBlock#content-status"/>
    </div>
    <div class="buttons">
      <widget:button action="myBlock#show">show</widget:button>
      <widget:button action="myBlock#hide">hide</widget:button>
    </div>
    <div class="buttons">
      <widget:button action="myBlock#show-content">show content</widget:button>
      <widget:button action="myBlock#hide-content">hide content</widget:button>
    </div>
  </body>
</html>

Related topics