Markup for examples

• From: Steven Pemberton <steven.pemberton@cwi.nl>
• Date: Mon, 31 Oct 2016 21:45:21 +0100
• To: "public-xformsusers@w3.org" <public-xformsusers@w3.org>
• Message-ID: <op.yp7s9v1lsmjzpq@steven-aspire-s7>

I am on an editing roll at the moment, but the doubly-nested markup needed  
for examples was driving me crazy.

So I have introduced a new markup for examples, and adjusted the style  
sheet accordingly.

Instead of:

 <div class="exampleOuter"><div class="exampleHead">Example: The output  
control</div><div class="exampleInner">

  <output ref="age" label="Age:"/>
  <output ref="age"><label>Age:</label></output>
  <output value="amount*taxrate" label="Tax:"/>

 </div></div>

you can now write:

 <div class="example title="The output control">
  <output ref="age" label="Age:"/>
  <output ref="age"><label>Age:</label></output>
  <output value="amount*taxrate" label="Tax:"/>
 </div>

Steven

Received on Monday, 31 October 2016 20:46:01 UTC