W3C home > Mailing lists > Public > www-forms@w3.org > February 2007

RE: checkbox labels

From: Klotz, Leigh <Leigh.Klotz@xerox.com>
Date: Wed, 31 Jan 2007 16:25:45 -0800
Message-ID: <E254B0A7E0268949ABFE5EA97B7D0CF402B9393B@usa7061ms01.na.xerox.net>
To: "Aaron Reed" <aaronr@us.ibm.com>, <www-forms@w3.org>

The examples from Mikko's site show
 output.total::value {font-size:12pt;color:red;width:100pt;margin-left:
10px;caption-side: left;}

It's possible it's broken in X-Smiles, but the bug notes say it worked.

Also, you have xforms|input::xf-value which is a combination of CSS3 and
Mozilla workaround.
Maybe you tried xforms|input::value and this is just a typo.

Leigh. 

-----Original Message-----
From: www-forms-request@w3.org [mailto:www-forms-request@w3.org] On
Behalf Of Aaron Reed
Sent: Wednesday, January 31, 2007 3:40 PM
To: www-forms@w3.org
Subject: Re: checkbox labels


Hi Leigh,

I tried that, but had no luck.  Here is the testcase I used.  No 
combination of the three style selectors (or any of them alone) worked 
for me using XSmiles alpha version.

<?xml version="1.0" encoding="UTF-8"?>
<!-- basic FO page definition stuff -->
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:xforms="http://www.w3.org/2002/xforms"
xmlns:ev="http://www.w3.org/2001/xml-events"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:xsd="http://www.w3.org/2001/XMLSchema" >
   <head>
     <title>Checkbox testcase</title>
     <style>
       @namespace xforms url("http://www.w3.org/2002/xforms");

       xforms|input {
         caption-side: right;
       }
/*
       xforms|input xforms|label {
         caption-side: right;
       }
       xforms|input::xf-value {
         caption-side: right;
       }
*/
     </style>
     <xforms:model id="mymodel">
       <xforms:instance id="myinstance" xmlns="">
         <values>
           <select>0</select>
         </values>
       </xforms:instance>
       <xforms:bind id="booleanbind" nodeset="/values/select"
                    type="xsd:boolean" />
     </xforms:model>
   </head>
   <body>
     <h2>This testcase should show a checkbox with its label to its
right
     </h2>

     <xforms:input bind="booleanbind">
       <xforms:label>This should be a checkbox: </xforms:label>
     </xforms:input>
   </body>
</html>

--Aaron

Klotz, Leigh wrote:
> I believe X-Smiles does this with caption-side CSS property. 
> 
> -----Original Message-----
> From: www-forms-request@w3.org [mailto:www-forms-request@w3.org] On
> Behalf Of Aaron Reed
> Sent: Wednesday, January 31, 2007 1:50 PM
> To: www-forms@w3.org
> Subject: checkbox labels
> 
> 
> Hi,
> 
> I noticed that every xforms processor that I tried put the labels for 
> boolean inputs (usually rendered as checkboxes) to the left of the 
> checkbox even though the overwhelming preference for html forms is to 
> have the label on the right of a checkbox.  Do any xforms processors 
> allow their authors to position a boolean input's label to the right
of 
> the control?  Perhaps using a CSS style?
> 
> I guess the better question might be, does any processor allow the
form 
> author to determine the label position (either left or right of the 
> underlying control) of any xforms control?  And if so, how?
> 
> Thanks,
> --Aaron
> 
> 
> 
> 
> 
Received on Thursday, 1 February 2007 00:30:01 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Saturday, 10 March 2012 06:22:08 GMT