CSS for placing input control boxes next to each other horizontally

classic Classic list List threaded Threaded
15 messages Options
Reply | Threaded
Open this post in threaded view
|

CSS for placing input control boxes next to each other horizontally

ilango_g
Hi
I have to display three input boxes for social security fields and they are supposed to be next to each other. Whatever I try does not seem to get me that effect. The CSS I have written is as follows:
 .formtable {
                        margin:0;
                        padding:0;
                        clear:both;
                        }
               
                .formtable caption {
                        text-align:left;
                        padding-left:15px;}
                /* IE 5.5 Font Corrections */
                .formtable { font-size:1em; }
                .formtable td { font-size:1em; }
                .formtable table { font-size:1em; }
                  .xforms-input .w35 {width:35px;}
                 
                  .colgutter {width:10px;}

The basis structure I have now:

<xhtml:table>
    -----
   -------
</xhtml:table>

<xhtml:table>
  ---------
  ---------
</xhtml:table>

<xhtml:table border="0" cellpadding="0" cellspacing="0" class="formtable">       
                                                                <xhtml:tr>
                                                                                <xhtml:td>
                                                                                                        <xforms:input class="w35" ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true" style="width: 50px">
                                                                                                                <xforms:label style="padding-top: 15px;">Social security no.</xforms:label>
                                                                                                                <xforms:hint>Area number SSN field must be in the range 000-772</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                                if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) &gt; 3"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
                                                                                                                                value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1, 3)"/>
                                                                                                                               
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                                <xforms:setfocus control="inp_group_no" if="string-length(.) eq 3"/>
                                                                                                                       
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                               
                                                                                                        <xforms:input class="w35" ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber" incremental="true" style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Group number SSN field must be two digits long in the range 00-99</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                                if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber) &gt; 2"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
                                                                                                                                value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1, 2)"/>
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                        <xforms:setfocus control="inp_serial_no" if="string-length(.) eq 2"/>
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                               
                                                                                               
                                                                                                        <xforms:input class="w35" ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true" style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Serial number SSN field must be two digits long in the range 0000-9999</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                                if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber) &gt; 4"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
                                                                                                                                value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
                                                                                                                        />
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                                            <xforms:output ref="instance('taskoutput')/fe:off/fe:SSN" mediatype="text/xhtml"/>
                                                                                        </xhtml:td>
                                                                            </xhtml:tr>
                                                         </xhtml:table>
       
------------

Any help on the CSS is highly appreciated. T

thanks
Ilango
Reply | Threaded
Open this post in threaded view
|

RE: CSS for placing input control boxes next to each other horizontally

Ryan Puddephatt-3
What seems to be the problem, you haven't actually said, only that it doesn't work!

I always find its good to use firebug to figure out whats affecting your layout and changing it dynamically

-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: [hidden email]
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:[hidden email]]
Sent: 24 July 2008 15:34
To: [hidden email]
Subject: [ops-users] CSS for placing input control boxes next to each other horizontally


Hi
I have to display three input boxes for social security fields and they are supposed to be next to each other. Whatever I try does not seem to get me that effect. The CSS I have written is as follows:
 .formtable {
                        margin:0;
                        padding:0;
                        clear:both;
                        }
               
                .formtable caption {
                        text-align:left;
                        padding-left:15px;}
                /* IE 5.5 Font Corrections */
                .formtable { font-size:1em; }
                .formtable td { font-size:1em; }
                .formtable table { font-size:1em; }
                  .xforms-input .w35 {width:35px;}
                 
                  .colgutter {width:10px;}

The basis structure I have now:

<xhtml:table>
    -----
   -------
</xhtml:table>

<xhtml:table>
  ---------
  ---------
</xhtml:table>

<xhtml:table border="0" cellpadding="0" cellspacing="0" class="formtable">
                                                                <xhtml:tr>
                                                                                <xhtml:td>
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
style="width: 50px">
                                                                                                                <xforms:label style="padding-top: 15px;">Social security no.</xforms:label>
                                                                                                                <xforms:hint>Area number SSN field must be in the range 000-772</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) &gt; 3"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1, 3)"/>
                                                                                                                               
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                                <xforms:setfocus control="inp_group_no" if="string-length(.) eq 3"/>
                                                                                                                       
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                               
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
incremental="true" style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Group number SSN field must be two digits long in the range 00-99</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber) &gt; 2"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1, 2)"/>
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                        <xforms:setfocus control="inp_serial_no" if="string-length(.) eq 2"/>
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                               
                                                                                               
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true"
style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Serial number SSN field must be two digits long in the range 0000-9999</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber) &gt; 4"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
                                                                                                                        />
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                                            <xforms:output ref="instance('taskoutput')/fe:off/fe:SSN"
mediatype="text/xhtml"/>
                                                                                        </xhtml:td>
                                                                            </xhtml:tr>
                                                         </xhtml:table>
       
------------

Any help on the CSS is highly appreciated. T

thanks
Ilango
--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18633119.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

RE: CSS for placing input control boxes next to each other horizontally

ilango_g
The problem is as follows:
The input boxes are stacked vertically to the right in Firefox and to the right in IE. That is the problem. Sorry about making it clear enough.

Ryan Puddephatt-3 wrote
What seems to be the problem, you haven't actually said, only that it doesn't work!

I always find its good to use firebug to figure out whats affecting your layout and changing it dynamically

-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: rpuddephatt@latentzero.com
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:ilangocal@yahoo.com]
Sent: 24 July 2008 15:34
To: ops-users@ow2.org
Subject: [ops-users] CSS for placing input control boxes next to each other horizontally


Hi
I have to display three input boxes for social security fields and they are supposed to be next to each other. Whatever I try does not seem to get me that effect. The CSS I have written is as follows:
 .formtable {
                        margin:0;
                        padding:0;
                        clear:both;
                        }
               
                .formtable caption {
                        text-align:left;
                        padding-left:15px;}
                /* IE 5.5 Font Corrections */
                .formtable { font-size:1em; }
                .formtable td { font-size:1em; }
                .formtable table { font-size:1em; }
                  .xforms-input .w35 {width:35px;}
                 
                  .colgutter {width:10px;}

The basis structure I have now:

<xhtml:table>
    -----
   -------
</xhtml:table>

<xhtml:table>
  ---------
  ---------
</xhtml:table>

<xhtml:table border="0" cellpadding="0" cellspacing="0" class="formtable">       
                                                                <xhtml:tr>
                                                                                <xhtml:td>
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
style="width: 50px">
                                                                                                                <xforms:label style="padding-top: 15px;">Social security no.</xforms:label>
                                                                                                                <xforms:hint>Area number SSN field must be in the range 000-772</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) &gt; 3"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1, 3)"/>
                                                                                                                               
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                                <xforms:setfocus control="inp_group_no" if="string-length(.) eq 3"/>
                                                                                                                       
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                               
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
incremental="true" style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Group number SSN field must be two digits long in the range 00-99</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber) &gt; 2"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1, 2)"/>
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                        <xforms:setfocus control="inp_serial_no" if="string-length(.) eq 2"/>
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                               
                                                                                               
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true"
style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Serial number SSN field must be two digits long in the range 0000-9999</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber) &gt; 4"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
                                                                                                                        />
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                                            <xforms:output ref="instance('taskoutput')/fe:off/fe:SSN"
mediatype="text/xhtml"/>
                                                                                        </xhtml:td>
                                                                            </xhtml:tr>
                                                         </xhtml:table>
       
------------

Any help on the CSS is highly appreciated. T

thanks
Ilango
--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18633119.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

RE: CSS for placing input control boxes next to each other horizontally

ilango_g
Sorry about Not making it clear enough. The omission was unintentional.
ilango_g wrote
The problem is as follows:
The input boxes are stacked vertically to the right in Firefox and to the right in IE. That is the problem. Sorry about making it clear enough.

Ryan Puddephatt-3 wrote
What seems to be the problem, you haven't actually said, only that it doesn't work!

I always find its good to use firebug to figure out whats affecting your layout and changing it dynamically

-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: rpuddephatt@latentzero.com
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:ilangocal@yahoo.com]
Sent: 24 July 2008 15:34
To: ops-users@ow2.org
Subject: [ops-users] CSS for placing input control boxes next to each other horizontally


Hi
I have to display three input boxes for social security fields and they are supposed to be next to each other. Whatever I try does not seem to get me that effect. The CSS I have written is as follows:
 .formtable {
                        margin:0;
                        padding:0;
                        clear:both;
                        }
               
                .formtable caption {
                        text-align:left;
                        padding-left:15px;}
                /* IE 5.5 Font Corrections */
                .formtable { font-size:1em; }
                .formtable td { font-size:1em; }
                .formtable table { font-size:1em; }
                  .xforms-input .w35 {width:35px;}
                 
                  .colgutter {width:10px;}

The basis structure I have now:

<xhtml:table>
    -----
   -------
</xhtml:table>

<xhtml:table>
  ---------
  ---------
</xhtml:table>

<xhtml:table border="0" cellpadding="0" cellspacing="0" class="formtable">       
                                                                <xhtml:tr>
                                                                                <xhtml:td>
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
style="width: 50px">
                                                                                                                <xforms:label style="padding-top: 15px;">Social security no.</xforms:label>
                                                                                                                <xforms:hint>Area number SSN field must be in the range 000-772</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) &gt; 3"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1, 3)"/>
                                                                                                                               
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                                <xforms:setfocus control="inp_group_no" if="string-length(.) eq 3"/>
                                                                                                                       
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                               
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
incremental="true" style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Group number SSN field must be two digits long in the range 00-99</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber) &gt; 2"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1, 2)"/>
                                                                                                                </xforms:action>
                                                                                                                <xforms:action ev:event="xforms-valid">
                                                                                                                        <xforms:setfocus control="inp_serial_no" if="string-length(.) eq 2"/>
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                               
                                                                                               
                                                                                                        <xforms:input class="w35"
ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true"
style="width: 50px">
                                                                                                                <xforms:label class="hidden_label" />
                                                                                                                <xforms:hint>Serial number SSN field must be two digits long in the range 0000-9999</xforms:hint>
                                                                                                                <xforms:action ev:event="xforms-value-changed">
                                                                                                                        <xforms:setvalue
                                                                                                                       
if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber) &gt; 4"
                                                                                                                                ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
                                                                                                                       
value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
                                                                                                                        />
                                                                                                                </xforms:action>
                                                                                                        </xforms:input>
                                                                                                            <xforms:output ref="instance('taskoutput')/fe:off/fe:SSN"
mediatype="text/xhtml"/>
                                                                                        </xhtml:td>
                                                                            </xhtml:tr>
                                                         </xhtml:table>
       
------------

Any help on the CSS is highly appreciated. T

thanks
Ilango
--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18633119.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

RE: RE: CSS for placing input control boxes next to each other horizontally

Ryan Puddephatt-3
Thats fine, I wanted to check it wasn't the spacing that was the issue, as I know I've had it as an issue in the past.

If you have a simple page that works in the sand box I'll have a play around and see if I can get it working

Thanks

Ryan
-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: [hidden email]
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:[hidden email]]
Sent: 24 July 2008 15:55
To: [hidden email]
Subject: [ops-users] RE: CSS for placing input control boxes next to each other horizontally


Sorry about Not making it clear enough. The omission was unintentional.

ilango_g wrote:

>
> The problem is as follows:
> The input boxes are stacked vertically to the right in Firefox and to
> the right in IE. That is the problem. Sorry about making it clear enough.
>
>
> Ryan Puddephatt-3 wrote:
>>
>> What seems to be the problem, you haven't actually said, only that it
>> doesn't work!
>>
>> I always find its good to use firebug to figure out whats affecting
>> your layout and changing it dynamically
>>
>> -----------------------------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: [hidden email]
>> Web: http://www.latentzero.com
>>
>>
>> -----Original Message-----
>> From: ilango_g [mailto:[hidden email]]
>> Sent: 24 July 2008 15:34
>> To: [hidden email]
>> Subject: [ops-users] CSS for placing input control boxes next to each
>> other horizontally
>>
>>
>> Hi
>> I have to display three input boxes for social security fields and
>> they are supposed to be next to each other. Whatever I try does not
>> seem to get me that effect. The CSS I have written is as follows:
>>  .formtable {
>> margin:0;
>> padding:0;
>> clear:both;
>> }
>>
>> .formtable caption {
>> text-align:left;
>> padding-left:15px;}
>> /* IE 5.5 Font Corrections */
>> .formtable { font-size:1em; }
>> .formtable td { font-size:1em; }
>> .formtable table { font-size:1em; }
>>  .xforms-input .w35 {width:35px;}
>>  
>>  .colgutter {width:10px;}
>>
>> The basis structure I have now:
>>
>> <xhtml:table>
>>     -----
>>    -------
>> </xhtml:table>
>>
>> <xhtml:table>
>>   ---------
>>   ---------
>> </xhtml:table>
>>
>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>> class="formtable">
>> <xhtml:tr>
>> <xhtml:td>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label style="padding-top: 15px;">Social
>> security no.</xforms:label>
>> <xforms:hint>Area number SSN field must be in the range
>> 000-772</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) &gt; 3"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>> 3)"/>
>>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_group_no"
>> if="string-length(.) eq 3"/>
>>
>> </xforms:action>
>> </xforms:input>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>> incremental="true" style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Group number SSN field must be two digits
>> long in the range 00-99</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>> &gt; 2"
>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>> 2)"/>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_serial_no"
>> if="string-length(.) eq 2"/>
>> </xforms:action>
>> </xforms:input>
>>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Serial number SSN field must be two digits
>> long in the range 0000-9999</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>> &gt; 4"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
>> />
>> </xforms:action>
>> </xforms:input>
>>     <xforms:output
>> ref="instance('taskoutput')/fe:off/fe:SSN"
>> mediatype="text/xhtml"/>
>> </xhtml:td>
>>    </xhtml:tr>
>> </xhtml:table>
>>
>> ------------
>>
>> Any help on the CSS is highly appreciated. T
>>
>> thanks
>> Ilango
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-eac
>> h-other-horizontally-tp18633119p18633119.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>
>>
>>
>> _____________________________________________________________________
>> _ This email has been scanned by the MessageLabs Email Security
>> System.
>> For more information please visit http://www.messagelabs.com/email 
>> _____________________________________________________________________
>> _
>>
>> _____________________________________________________________________
>> __ The information transmitted is intended only for the person or
>> entity to which it is addressed and may contain confidential and/or
>> privileged material. Any review, retransmission, dissemination or
>> other use of, or taking of any action in reliance upon, this
>> information by persons or entities other than the intended recipient
>> is prohibited. If you received this in error, please contact the
>> sender and delete the material from any computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the [hidden email]
>> mailing list.
>> To unsubscribe: mailto:[hidden email]
>> For general help: mailto:[hidden email]?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
>
--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18633612.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

RE: RE: CSS for placing input control boxes next to each other horizontally

ilango_g
The intriguing thing is I have two forms.
1) Main form where other code beside SSN field reside - code that I wrote for SSN field does not work there.
2) Little Test form where only SSN code resides - code that I wrote for SSN field works here.

Is it okay to send both files to you for comparison. The way I have tested "Main Form" and "Little form" is by creating two applications under /ops/apps (with the CSS files in there).

I have not used the sandbox to test these forms.

Can I still send those forms to you?

thanks
Ryan Puddephatt-3 wrote
Thats fine, I wanted to check it wasn't the spacing that was the issue, as I know I've had it as an issue in the past.

If you have a simple page that works in the sand box I'll have a play around and see if I can get it working

Thanks

Ryan
-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: rpuddephatt@latentzero.com
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:ilangocal@yahoo.com]
Sent: 24 July 2008 15:55
To: ops-users@ow2.org
Subject: [ops-users] RE: CSS for placing input control boxes next to each other horizontally


Sorry about Not making it clear enough. The omission was unintentional.

ilango_g wrote:
>
> The problem is as follows:
> The input boxes are stacked vertically to the right in Firefox and to
> the right in IE. That is the problem. Sorry about making it clear enough.
>
>
> Ryan Puddephatt-3 wrote:
>>
>> What seems to be the problem, you haven't actually said, only that it
>> doesn't work!
>>
>> I always find its good to use firebug to figure out whats affecting
>> your layout and changing it dynamically
>>
>> -----------------------------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: rpuddephatt@latentzero.com
>> Web: http://www.latentzero.com
>>
>>
>> -----Original Message-----
>> From: ilango_g [mailto:ilangocal@yahoo.com]
>> Sent: 24 July 2008 15:34
>> To: ops-users@ow2.org
>> Subject: [ops-users] CSS for placing input control boxes next to each
>> other horizontally
>>
>>
>> Hi
>> I have to display three input boxes for social security fields and
>> they are supposed to be next to each other. Whatever I try does not
>> seem to get me that effect. The CSS I have written is as follows:
>>  .formtable {
>> margin:0;
>> padding:0;
>> clear:both;
>> }
>>
>> .formtable caption {
>> text-align:left;
>> padding-left:15px;}
>> /* IE 5.5 Font Corrections */
>> .formtable { font-size:1em; }
>> .formtable td { font-size:1em; }
>> .formtable table { font-size:1em; }
>>  .xforms-input .w35 {width:35px;}
>>  
>>  .colgutter {width:10px;}
>>
>> The basis structure I have now:
>>
>> <xhtml:table>
>>     -----
>>    -------
>> </xhtml:table>
>>
>> <xhtml:table>
>>   ---------
>>   ---------
>> </xhtml:table>
>>
>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>> class="formtable">
>> <xhtml:tr>
>> <xhtml:td>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label style="padding-top: 15px;">Social
>> security no.</xforms:label>
>> <xforms:hint>Area number SSN field must be in the range
>> 000-772</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) > 3"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>> 3)"/>
>>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_group_no"
>> if="string-length(.) eq 3"/>
>>
>> </xforms:action>
>> </xforms:input>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>> incremental="true" style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Group number SSN field must be two digits
>> long in the range 00-99</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>> > 2"
>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>> 2)"/>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_serial_no"
>> if="string-length(.) eq 2"/>
>> </xforms:action>
>> </xforms:input>
>>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Serial number SSN field must be two digits
>> long in the range 0000-9999</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>> > 4"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
>> />
>> </xforms:action>
>> </xforms:input>
>>     <xforms:output
>> ref="instance('taskoutput')/fe:off/fe:SSN"
>> mediatype="text/xhtml"/>
>> </xhtml:td>
>>    </xhtml:tr>
>> </xhtml:table>
>>
>> ------------
>>
>> Any help on the CSS is highly appreciated. T
>>
>> thanks
>> Ilango
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-eac
>> h-other-horizontally-tp18633119p18633119.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>
>>
>>
>> _____________________________________________________________________
>> _ This email has been scanned by the MessageLabs Email Security
>> System.
>> For more information please visit http://www.messagelabs.com/email 
>> _____________________________________________________________________
>> _
>>
>> _____________________________________________________________________
>> __ The information transmitted is intended only for the person or
>> entity to which it is addressed and may contain confidential and/or
>> privileged material. Any review, retransmission, dissemination or
>> other use of, or taking of any action in reliance upon, this
>> information by persons or entities other than the intended recipient
>> is prohibited. If you received this in error, please contact the
>> sender and delete the material from any computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the ops-users@ow2.org
>> mailing list.
>> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
>> For general help: mailto:sympa@ow2.org?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
>

--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18633612.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

RE: RE: RE: CSS for placing input control boxes next to each other horizontally

Ryan Puddephatt-3
Yeah sure

-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: [hidden email]
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:[hidden email]]
Sent: 24 July 2008 16:24
To: [hidden email]
Subject: [ops-users] RE: RE: CSS for placing input control boxes next to each other horizontally


The intriguing thing is I have two forms.
1) Main form where other code beside SSN field reside - code that I wrote for SSN field does not work there.
2) Little Test form where only SSN code resides - code that I wrote for SSN field works here.

Is it okay to send both files to you for comparison. The way I have tested "Main Form" and "Little form" is by creating two applications under /ops/apps (with the CSS files in there).

I have not used the sandbox to test these forms.

Can I still send those forms to you?

thanks

Ryan Puddephatt-3 wrote:

>
> Thats fine, I wanted to check it wasn't the spacing that was the
> issue, as I know I've had it as an issue in the past.
>
> If you have a simple page that works in the sand box I'll have a play
> around and see if I can get it working
>
> Thanks
>
> Ryan
> -----------------------------------------------
> Ryan Puddephatt
> FIX Developer
> Fidessa LatentZero
> 1 Alfred Place
> London WC1E 7EB
> Office: +44 (0) 20 7462 4200
> Direct: +44 (0) 20 7323 6112
> Blackberry: +44 (0) 79 8539 2458
> Fax: +44 (0) 20 7462 4242
> Email: [hidden email]
> Web: http://www.latentzero.com
>
>
> -----Original Message-----
> From: ilango_g [mailto:[hidden email]]
> Sent: 24 July 2008 15:55
> To: [hidden email]
> Subject: [ops-users] RE: CSS for placing input control boxes next to
> each other horizontally
>
>
> Sorry about Not making it clear enough. The omission was unintentional.
>
> ilango_g wrote:
>>
>> The problem is as follows:
>> The input boxes are stacked vertically to the right in Firefox and to
>> the right in IE. That is the problem. Sorry about making it clear enough.
>>
>>
>> Ryan Puddephatt-3 wrote:
>>>
>>> What seems to be the problem, you haven't actually said, only that
>>> it doesn't work!
>>>
>>> I always find its good to use firebug to figure out whats affecting
>>> your layout and changing it dynamically
>>>
>>> -----------------------------------------------
>>> Ryan Puddephatt
>>> FIX Developer
>>> Fidessa LatentZero
>>> 1 Alfred Place
>>> London WC1E 7EB
>>> Office: +44 (0) 20 7462 4200
>>> Direct: +44 (0) 20 7323 6112
>>> Blackberry: +44 (0) 79 8539 2458
>>> Fax: +44 (0) 20 7462 4242
>>> Email: [hidden email]
>>> Web: http://www.latentzero.com
>>>
>>>
>>> -----Original Message-----
>>> From: ilango_g [mailto:[hidden email]]
>>> Sent: 24 July 2008 15:34
>>> To: [hidden email]
>>> Subject: [ops-users] CSS for placing input control boxes next to
>>> each other horizontally
>>>
>>>
>>> Hi
>>> I have to display three input boxes for social security fields and
>>> they are supposed to be next to each other. Whatever I try does not
>>> seem to get me that effect. The CSS I have written is as follows:
>>>  .formtable {
>>> margin:0;
>>> padding:0;
>>> clear:both;
>>> }
>>>
>>> .formtable caption {
>>> text-align:left;
>>> padding-left:15px;}
>>> /* IE 5.5 Font Corrections */
>>> .formtable { font-size:1em; }
>>> .formtable td { font-size:1em; }
>>> .formtable table { font-size:1em; }
>>>  .xforms-input .w35 {width:35px;}
>>>  
>>>  .colgutter {width:10px;}
>>>
>>> The basis structure I have now:
>>>
>>> <xhtml:table>
>>>     -----
>>>    -------
>>> </xhtml:table>
>>>
>>> <xhtml:table>
>>>   ---------
>>>   ---------
>>> </xhtml:table>
>>>
>>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>>> class="formtable">
>>> <xhtml:tr>
>>> <xhtml:td>
>>> <xforms:input class="w35"
>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>>> style="width: 50px">
>>> <xforms:label style="padding-top: 15px;">Social
>>> security no.</xforms:label>
>>> <xforms:hint>Area number SSN field must be in the
>>> range 000-772</xforms:hint>
>>> <xforms:action ev:event="xforms-value-changed">
>>> <xforms:setvalue
>>>
>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber)
>>> &gt; 3"
>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>
>>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>>> 3)"/>
>>>
>>> </xforms:action>
>>> <xforms:action ev:event="xforms-valid">
>>> <xforms:setfocus control="inp_group_no"
>>> if="string-length(.) eq 3"/>
>>>
>>> </xforms:action>
>>> </xforms:input>
>>>
>>> <xforms:input class="w35"
>>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>>> incremental="true" style="width: 50px">
>>> <xforms:label class="hidden_label" />
>>> <xforms:hint>Group number SSN field must be two digits
>>> long in the range 00-99</xforms:hint>
>>> <xforms:action ev:event="xforms-value-changed">
>>> <xforms:setvalue
>>>
>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>>> &gt; 2"
>>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>>
>>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>>> 2)"/>
>>> </xforms:action>
>>> <xforms:action ev:event="xforms-valid">
>>> <xforms:setfocus control="inp_serial_no"
>>> if="string-length(.) eq 2"/>
>>> </xforms:action>
>>> </xforms:input>
>>>
>>>
>>> <xforms:input class="w35"
>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>> incremental="true"
>>> style="width: 50px">
>>> <xforms:label class="hidden_label" />
>>> <xforms:hint>Serial number SSN field must be two
>>> digits long in the range 0000-9999</xforms:hint>
>>> <xforms:action ev:event="xforms-value-changed">
>>> <xforms:setvalue
>>>
>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>>> &gt; 4"
>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>
>>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber,
>>> 1, 4)"
>>> />
>>> </xforms:action>
>>> </xforms:input>
>>>     <xforms:output
>>> ref="instance('taskoutput')/fe:off/fe:SSN"
>>> mediatype="text/xhtml"/>
>>> </xhtml:td>
>>>    </xhtml:tr>
>>> </xhtml:table>
>>>
>>> ------------
>>>
>>> Any help on the CSS is highly appreciated. T
>>>
>>> thanks
>>> Ilango
>>> --
>>> View this message in context:
>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-ea
>>> c h-other-horizontally-tp18633119p18633119.html
>>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>>
>>>
>>>
>>> ____________________________________________________________________
>>> _ _ This email has been scanned by the MessageLabs Email Security
>>> System.
>>> For more information please visit http://www.messagelabs.com/email 
>>> ____________________________________________________________________
>>> _
>>> _
>>>
>>> ____________________________________________________________________
>>> _ __ The information transmitted is intended only for the person or
>>> entity to which it is addressed and may contain confidential and/or
>>> privileged material. Any review, retransmission, dissemination or
>>> other use of, or taking of any action in reliance upon, this
>>> information by persons or entities other than the intended recipient
>>> is prohibited. If you received this in error, please contact the
>>> sender and delete the material from any computer.
>>>
>>> ____________________________________________________________________
>>> _ This e-mail has been scanned for viruses by Verizon Business
>>> Internet Managed Scanning Services - powered by MessageLabs. For
>>> further information visit http://www.mci.com
>>>
>>>
>>> --
>>> You receive this message as a subscriber of the [hidden email]
>>> mailing list.
>>> To unsubscribe: mailto:[hidden email]
>>> For general help: mailto:[hidden email]?subject=help
>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>
>>>
>>
>>
>
> --
> View this message in context:
> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each
> -other-horizontally-tp18633119p18633612.html
> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>
>
>
> ______________________________________________________________________
> This email has been scanned by the MessageLabs Email Security System.
> For more information please visit http://www.messagelabs.com/email 
> ______________________________________________________________________
>
> ______________________________________________________________________
> _ The information transmitted is intended only for the person or
> entity to which it is addressed and may contain confidential and/or
> privileged material. Any review, retransmission, dissemination or
> other use of, or taking of any action in reliance upon, this
> information by persons or entities other than the intended recipient
> is prohibited. If you received this in error, please contact the
> sender and delete the material from any computer.
>
> _____________________________________________________________________
> This e-mail has been scanned for viruses by Verizon Business Internet
> Managed Scanning Services - powered by MessageLabs. For further
> information visit http://www.mci.com
>
>
> --
> You receive this message as a subscriber of the [hidden email]
> mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>
--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18634247.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

RE: RE: CSS for placing input control boxes next to each other horizontally

ilango_g
In reply to this post by ilango_g
I will send the main form over to you with the only change that I will now have inline CSS in the form. Thsi will let you test it directly in the sandbox.

I


ilango_g wrote
The intriguing thing is I have two forms.
1) Main form where other code beside SSN field reside - code that I wrote for SSN field does not work there.
2) Little Test form where only SSN code resides - code that I wrote for SSN field works here.

Is it okay to send both files to you for comparison. The way I have tested "Main Form" and "Little form" is by creating two applications under /ops/apps (with the CSS files in there).

I have not used the sandbox to test these forms.

Can I still send those forms to you?

thanks
Ryan Puddephatt-3 wrote
Thats fine, I wanted to check it wasn't the spacing that was the issue, as I know I've had it as an issue in the past.

If you have a simple page that works in the sand box I'll have a play around and see if I can get it working

Thanks

Ryan
-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: rpuddephatt@latentzero.com
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:ilangocal@yahoo.com]
Sent: 24 July 2008 15:55
To: ops-users@ow2.org
Subject: [ops-users] RE: CSS for placing input control boxes next to each other horizontally


Sorry about Not making it clear enough. The omission was unintentional.

ilango_g wrote:
>
> The problem is as follows:
> The input boxes are stacked vertically to the right in Firefox and to
> the right in IE. That is the problem. Sorry about making it clear enough.
>
>
> Ryan Puddephatt-3 wrote:
>>
>> What seems to be the problem, you haven't actually said, only that it
>> doesn't work!
>>
>> I always find its good to use firebug to figure out whats affecting
>> your layout and changing it dynamically
>>
>> -----------------------------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: rpuddephatt@latentzero.com
>> Web: http://www.latentzero.com
>>
>>
>> -----Original Message-----
>> From: ilango_g [mailto:ilangocal@yahoo.com]
>> Sent: 24 July 2008 15:34
>> To: ops-users@ow2.org
>> Subject: [ops-users] CSS for placing input control boxes next to each
>> other horizontally
>>
>>
>> Hi
>> I have to display three input boxes for social security fields and
>> they are supposed to be next to each other. Whatever I try does not
>> seem to get me that effect. The CSS I have written is as follows:
>>  .formtable {
>> margin:0;
>> padding:0;
>> clear:both;
>> }
>>
>> .formtable caption {
>> text-align:left;
>> padding-left:15px;}
>> /* IE 5.5 Font Corrections */
>> .formtable { font-size:1em; }
>> .formtable td { font-size:1em; }
>> .formtable table { font-size:1em; }
>>  .xforms-input .w35 {width:35px;}
>>  
>>  .colgutter {width:10px;}
>>
>> The basis structure I have now:
>>
>> <xhtml:table>
>>     -----
>>    -------
>> </xhtml:table>
>>
>> <xhtml:table>
>>   ---------
>>   ---------
>> </xhtml:table>
>>
>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>> class="formtable">
>> <xhtml:tr>
>> <xhtml:td>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label style="padding-top: 15px;">Social
>> security no.</xforms:label>
>> <xforms:hint>Area number SSN field must be in the range
>> 000-772</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) > 3"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>> 3)"/>
>>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_group_no"
>> if="string-length(.) eq 3"/>
>>
>> </xforms:action>
>> </xforms:input>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>> incremental="true" style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Group number SSN field must be two digits
>> long in the range 00-99</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>> > 2"
>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>> 2)"/>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_serial_no"
>> if="string-length(.) eq 2"/>
>> </xforms:action>
>> </xforms:input>
>>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Serial number SSN field must be two digits
>> long in the range 0000-9999</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>> > 4"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
>> />
>> </xforms:action>
>> </xforms:input>
>>     <xforms:output
>> ref="instance('taskoutput')/fe:off/fe:SSN"
>> mediatype="text/xhtml"/>
>> </xhtml:td>
>>    </xhtml:tr>
>> </xhtml:table>
>>
>> ------------
>>
>> Any help on the CSS is highly appreciated. T
>>
>> thanks
>> Ilango
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-eac
>> h-other-horizontally-tp18633119p18633119.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>
>>
>>
>> _____________________________________________________________________
>> _ This email has been scanned by the MessageLabs Email Security
>> System.
>> For more information please visit http://www.messagelabs.com/email 
>> _____________________________________________________________________
>> _
>>
>> _____________________________________________________________________
>> __ The information transmitted is intended only for the person or
>> entity to which it is addressed and may contain confidential and/or
>> privileged material. Any review, retransmission, dissemination or
>> other use of, or taking of any action in reliance upon, this
>> information by persons or entities other than the intended recipient
>> is prohibited. If you received this in error, please contact the
>> sender and delete the material from any computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the ops-users@ow2.org
>> mailing list.
>> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
>> For general help: mailto:sympa@ow2.org?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
>

--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18633612.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

RE: RE: CSS for placing input control boxes next to each other horizontally

ilango_g
What I would like to do is send the form over to you over your email. I would rather not attach the form on Nabble because of the size of the form and the nature of the form.
Please suggest how I can send the form to you.

ilango_g wrote
I will send the main form over to you with the only change that I will now have inline CSS in the form. Thsi will let you test it directly in the sandbox.

I


ilango_g wrote
The intriguing thing is I have two forms.
1) Main form where other code beside SSN field reside - code that I wrote for SSN field does not work there.
2) Little Test form where only SSN code resides - code that I wrote for SSN field works here.

Is it okay to send both files to you for comparison. The way I have tested "Main Form" and "Little form" is by creating two applications under /ops/apps (with the CSS files in there).

I have not used the sandbox to test these forms.

Can I still send those forms to you?

thanks
Ryan Puddephatt-3 wrote
Thats fine, I wanted to check it wasn't the spacing that was the issue, as I know I've had it as an issue in the past.

If you have a simple page that works in the sand box I'll have a play around and see if I can get it working

Thanks

Ryan
-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: rpuddephatt@latentzero.com
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:ilangocal@yahoo.com]
Sent: 24 July 2008 15:55
To: ops-users@ow2.org
Subject: [ops-users] RE: CSS for placing input control boxes next to each other horizontally


Sorry about Not making it clear enough. The omission was unintentional.

ilango_g wrote:
>
> The problem is as follows:
> The input boxes are stacked vertically to the right in Firefox and to
> the right in IE. That is the problem. Sorry about making it clear enough.
>
>
> Ryan Puddephatt-3 wrote:
>>
>> What seems to be the problem, you haven't actually said, only that it
>> doesn't work!
>>
>> I always find its good to use firebug to figure out whats affecting
>> your layout and changing it dynamically
>>
>> -----------------------------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: rpuddephatt@latentzero.com
>> Web: http://www.latentzero.com
>>
>>
>> -----Original Message-----
>> From: ilango_g [mailto:ilangocal@yahoo.com]
>> Sent: 24 July 2008 15:34
>> To: ops-users@ow2.org
>> Subject: [ops-users] CSS for placing input control boxes next to each
>> other horizontally
>>
>>
>> Hi
>> I have to display three input boxes for social security fields and
>> they are supposed to be next to each other. Whatever I try does not
>> seem to get me that effect. The CSS I have written is as follows:
>>  .formtable {
>> margin:0;
>> padding:0;
>> clear:both;
>> }
>>
>> .formtable caption {
>> text-align:left;
>> padding-left:15px;}
>> /* IE 5.5 Font Corrections */
>> .formtable { font-size:1em; }
>> .formtable td { font-size:1em; }
>> .formtable table { font-size:1em; }
>>  .xforms-input .w35 {width:35px;}
>>  
>>  .colgutter {width:10px;}
>>
>> The basis structure I have now:
>>
>> <xhtml:table>
>>     -----
>>    -------
>> </xhtml:table>
>>
>> <xhtml:table>
>>   ---------
>>   ---------
>> </xhtml:table>
>>
>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>> class="formtable">
>> <xhtml:tr>
>> <xhtml:td>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label style="padding-top: 15px;">Social
>> security no.</xforms:label>
>> <xforms:hint>Area number SSN field must be in the range
>> 000-772</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber) > 3"
>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>> 3)"/>
>>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_group_no"
>> if="string-length(.) eq 3"/>
>>
>> </xforms:action>
>> </xforms:input>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>> incremental="true" style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Group number SSN field must be two digits
>> long in the range 00-99</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>> > 2"
>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>> 2)"/>
>> </xforms:action>
>> <xforms:action ev:event="xforms-valid">
>> <xforms:setfocus control="inp_serial_no"
>> if="string-length(.) eq 2"/>
>> </xforms:action>
>> </xforms:input>
>>
>>
>> <xforms:input class="w35"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber" incremental="true"
>> style="width: 50px">
>> <xforms:label class="hidden_label" />
>> <xforms:hint>Serial number SSN field must be two digits
>> long in the range 0000-9999</xforms:hint>
>> <xforms:action ev:event="xforms-value-changed">
>> <xforms:setvalue
>>
>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>> > 4"
>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>
>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber, 1, 4)"
>> />
>> </xforms:action>
>> </xforms:input>
>>     <xforms:output
>> ref="instance('taskoutput')/fe:off/fe:SSN"
>> mediatype="text/xhtml"/>
>> </xhtml:td>
>>    </xhtml:tr>
>> </xhtml:table>
>>
>> ------------
>>
>> Any help on the CSS is highly appreciated. T
>>
>> thanks
>> Ilango
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-eac
>> h-other-horizontally-tp18633119p18633119.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>
>>
>>
>> _____________________________________________________________________
>> _ This email has been scanned by the MessageLabs Email Security
>> System.
>> For more information please visit http://www.messagelabs.com/email 
>> _____________________________________________________________________
>> _
>>
>> _____________________________________________________________________
>> __ The information transmitted is intended only for the person or
>> entity to which it is addressed and may contain confidential and/or
>> privileged material. Any review, retransmission, dissemination or
>> other use of, or taking of any action in reliance upon, this
>> information by persons or entities other than the intended recipient
>> is prohibited. If you received this in error, please contact the
>> sender and delete the material from any computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the ops-users@ow2.org
>> mailing list.
>> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
>> For general help: mailto:sympa@ow2.org?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
>

--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18633612.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

attached a simpler sample that can be tested in the sandbox

ilango_g
In reply to this post by Ryan Puddephatt-3
I have attached a simpler version of the form which is easily tested in the sandbox and one can see the problem in the area of the form where "Social security no." resides.

thanks


testRyan.xhtml
Ryan Puddephatt-3 wrote
Yeah sure

-----------------------------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: rpuddephatt@latentzero.com
Web: http://www.latentzero.com


-----Original Message-----
From: ilango_g [mailto:ilangocal@yahoo.com]
Sent: 24 July 2008 16:24
To: ops-users@ow2.org
Subject: [ops-users] RE: RE: CSS for placing input control boxes next to each other horizontally


The intriguing thing is I have two forms.
1) Main form where other code beside SSN field reside - code that I wrote for SSN field does not work there.
2) Little Test form where only SSN code resides - code that I wrote for SSN field works here.

Is it okay to send both files to you for comparison. The way I have tested "Main Form" and "Little form" is by creating two applications under /ops/apps (with the CSS files in there).

I have not used the sandbox to test these forms.

Can I still send those forms to you?

thanks

Ryan Puddephatt-3 wrote:
>
> Thats fine, I wanted to check it wasn't the spacing that was the
> issue, as I know I've had it as an issue in the past.
>
> If you have a simple page that works in the sand box I'll have a play
> around and see if I can get it working
>
> Thanks
>
> Ryan
> -----------------------------------------------
> Ryan Puddephatt
> FIX Developer
> Fidessa LatentZero
> 1 Alfred Place
> London WC1E 7EB
> Office: +44 (0) 20 7462 4200
> Direct: +44 (0) 20 7323 6112
> Blackberry: +44 (0) 79 8539 2458
> Fax: +44 (0) 20 7462 4242
> Email: rpuddephatt@latentzero.com
> Web: http://www.latentzero.com
>
>
> -----Original Message-----
> From: ilango_g [mailto:ilangocal@yahoo.com]
> Sent: 24 July 2008 15:55
> To: ops-users@ow2.org
> Subject: [ops-users] RE: CSS for placing input control boxes next to
> each other horizontally
>
>
> Sorry about Not making it clear enough. The omission was unintentional.
>
> ilango_g wrote:
>>
>> The problem is as follows:
>> The input boxes are stacked vertically to the right in Firefox and to
>> the right in IE. That is the problem. Sorry about making it clear enough.
>>
>>
>> Ryan Puddephatt-3 wrote:
>>>
>>> What seems to be the problem, you haven't actually said, only that
>>> it doesn't work!
>>>
>>> I always find its good to use firebug to figure out whats affecting
>>> your layout and changing it dynamically
>>>
>>> -----------------------------------------------
>>> Ryan Puddephatt
>>> FIX Developer
>>> Fidessa LatentZero
>>> 1 Alfred Place
>>> London WC1E 7EB
>>> Office: +44 (0) 20 7462 4200
>>> Direct: +44 (0) 20 7323 6112
>>> Blackberry: +44 (0) 79 8539 2458
>>> Fax: +44 (0) 20 7462 4242
>>> Email: rpuddephatt@latentzero.com
>>> Web: http://www.latentzero.com
>>>
>>>
>>> -----Original Message-----
>>> From: ilango_g [mailto:ilangocal@yahoo.com]
>>> Sent: 24 July 2008 15:34
>>> To: ops-users@ow2.org
>>> Subject: [ops-users] CSS for placing input control boxes next to
>>> each other horizontally
>>>
>>>
>>> Hi
>>> I have to display three input boxes for social security fields and
>>> they are supposed to be next to each other. Whatever I try does not
>>> seem to get me that effect. The CSS I have written is as follows:
>>>  .formtable {
>>> margin:0;
>>> padding:0;
>>> clear:both;
>>> }
>>>
>>> .formtable caption {
>>> text-align:left;
>>> padding-left:15px;}
>>> /* IE 5.5 Font Corrections */
>>> .formtable { font-size:1em; }
>>> .formtable td { font-size:1em; }
>>> .formtable table { font-size:1em; }
>>>  .xforms-input .w35 {width:35px;}
>>>  
>>>  .colgutter {width:10px;}
>>>
>>> The basis structure I have now:
>>>
>>> <xhtml:table>
>>>     -----
>>>    -------
>>> </xhtml:table>
>>>
>>> <xhtml:table>
>>>   ---------
>>>   ---------
>>> </xhtml:table>
>>>
>>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>>> class="formtable">
>>> <xhtml:tr>
>>> <xhtml:td>
>>> <xforms:input class="w35"
>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>>> style="width: 50px">
>>> <xforms:label style="padding-top: 15px;">Social
>>> security no.</xforms:label>
>>> <xforms:hint>Area number SSN field must be in the
>>> range 000-772</xforms:hint>
>>> <xforms:action ev:event="xforms-value-changed">
>>> <xforms:setvalue
>>>
>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber)
>>> > 3"
>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>
>>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>>> 3)"/>
>>>
>>> </xforms:action>
>>> <xforms:action ev:event="xforms-valid">
>>> <xforms:setfocus control="inp_group_no"
>>> if="string-length(.) eq 3"/>
>>>
>>> </xforms:action>
>>> </xforms:input>
>>>
>>> <xforms:input class="w35"
>>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>>> incremental="true" style="width: 50px">
>>> <xforms:label class="hidden_label" />
>>> <xforms:hint>Group number SSN field must be two digits
>>> long in the range 00-99</xforms:hint>
>>> <xforms:action ev:event="xforms-value-changed">
>>> <xforms:setvalue
>>>
>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>>> > 2"
>>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>>
>>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>>> 2)"/>
>>> </xforms:action>
>>> <xforms:action ev:event="xforms-valid">
>>> <xforms:setfocus control="inp_serial_no"
>>> if="string-length(.) eq 2"/>
>>> </xforms:action>
>>> </xforms:input>
>>>
>>>
>>> <xforms:input class="w35"
>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>> incremental="true"
>>> style="width: 50px">
>>> <xforms:label class="hidden_label" />
>>> <xforms:hint>Serial number SSN field must be two
>>> digits long in the range 0000-9999</xforms:hint>
>>> <xforms:action ev:event="xforms-value-changed">
>>> <xforms:setvalue
>>>
>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>>> > 4"
>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>
>>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber,
>>> 1, 4)"
>>> />
>>> </xforms:action>
>>> </xforms:input>
>>>     <xforms:output
>>> ref="instance('taskoutput')/fe:off/fe:SSN"
>>> mediatype="text/xhtml"/>
>>> </xhtml:td>
>>>    </xhtml:tr>
>>> </xhtml:table>
>>>
>>> ------------
>>>
>>> Any help on the CSS is highly appreciated. T
>>>
>>> thanks
>>> Ilango
>>> --
>>> View this message in context:
>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-ea
>>> c h-other-horizontally-tp18633119p18633119.html
>>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>>
>>>
>>>
>>> ____________________________________________________________________
>>> _ _ This email has been scanned by the MessageLabs Email Security
>>> System.
>>> For more information please visit http://www.messagelabs.com/email 
>>> ____________________________________________________________________
>>> _
>>> _
>>>
>>> ____________________________________________________________________
>>> _ __ The information transmitted is intended only for the person or
>>> entity to which it is addressed and may contain confidential and/or
>>> privileged material. Any review, retransmission, dissemination or
>>> other use of, or taking of any action in reliance upon, this
>>> information by persons or entities other than the intended recipient
>>> is prohibited. If you received this in error, please contact the
>>> sender and delete the material from any computer.
>>>
>>> ____________________________________________________________________
>>> _ This e-mail has been scanned for viruses by Verizon Business
>>> Internet Managed Scanning Services - powered by MessageLabs. For
>>> further information visit http://www.mci.com
>>>
>>>
>>> --
>>> You receive this message as a subscriber of the ops-users@ow2.org
>>> mailing list.
>>> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
>>> For general help: mailto:sympa@ow2.org?subject=help
>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>
>>>
>>
>>
>
> --
> View this message in context:
> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each
> -other-horizontally-tp18633119p18633612.html
> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>
>
>
> ______________________________________________________________________
> This email has been scanned by the MessageLabs Email Security System.
> For more information please visit http://www.messagelabs.com/email 
> ______________________________________________________________________
>
> ______________________________________________________________________
> _ The information transmitted is intended only for the person or
> entity to which it is addressed and may contain confidential and/or
> privileged material. Any review, retransmission, dissemination or
> other use of, or taking of any action in reliance upon, this
> information by persons or entities other than the intended recipient
> is prohibited. If you received this in error, please contact the
> sender and delete the material from any computer.
>
> _____________________________________________________________________
> This e-mail has been scanned for viruses by Verizon Business Internet
> Managed Scanning Services - powered by MessageLabs. For further
> information visit http://www.mci.com
>
>
> --
> You receive this message as a subscriber of the ops-users@ow2.org
> mailing list.
> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
> For general help: mailto:sympa@ow2.org?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>

--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18634247.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: attached a simpler sample that can be tested in the sandbox

Ryan Puddephatt-3
Seems the xforms-label css has a width of 600px, if I change this it fixes the problem, try adding a class to the xforms:label to change the width

Ryan
------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: [hidden email]
Web: http://www.latentzero.com
Sent from my blackberry device

----- Original Message -----
From: ilango_g <[hidden email]>
To: [hidden email] <[hidden email]>
Sent: Thu Jul 24 17:50:15 2008
Subject: [ops-users]  attached a simpler sample that can be tested in the sandbox


I have attached a simpler version of the form which is easily tested in the
sandbox and one can see the problem in the area of the form where "Social
security no." resides.

thanks


http://www.nabble.com/file/p18636035/testRyan.xhtml testRyan.xhtml

Ryan Puddephatt-3 wrote:

>
>
> Yeah sure
>
> -----------------------------------------------
> Ryan Puddephatt
> FIX Developer
> Fidessa LatentZero
> 1 Alfred Place
> London WC1E 7EB
> Office: +44 (0) 20 7462 4200
> Direct: +44 (0) 20 7323 6112
> Blackberry: +44 (0) 79 8539 2458
> Fax: +44 (0) 20 7462 4242
> Email: [hidden email]
> Web: http://www.latentzero.com
>
>
> -----Original Message-----
> From: ilango_g [mailto:[hidden email]]
> Sent: 24 July 2008 16:24
> To: [hidden email]
> Subject: [ops-users] RE: RE: CSS for placing input control boxes next to
> each other horizontally
>
>
> The intriguing thing is I have two forms.
> 1) Main form where other code beside SSN field reside - code that I wrote
> for SSN field does not work there.
> 2) Little Test form where only SSN code resides - code that I wrote for
> SSN field works here.
>
> Is it okay to send both files to you for comparison. The way I have tested
> "Main Form" and "Little form" is by creating two applications under
> /ops/apps (with the CSS files in there).
>
> I have not used the sandbox to test these forms.
>
> Can I still send those forms to you?
>
> thanks
>
> Ryan Puddephatt-3 wrote:
>>
>> Thats fine, I wanted to check it wasn't the spacing that was the
>> issue, as I know I've had it as an issue in the past.
>>
>> If you have a simple page that works in the sand box I'll have a play
>> around and see if I can get it working
>>
>> Thanks
>>
>> Ryan
>> -----------------------------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: [hidden email]
>> Web: http://www.latentzero.com
>>
>>
>> -----Original Message-----
>> From: ilango_g [mailto:[hidden email]]
>> Sent: 24 July 2008 15:55
>> To: [hidden email]
>> Subject: [ops-users] RE: CSS for placing input control boxes next to
>> each other horizontally
>>
>>
>> Sorry about Not making it clear enough. The omission was unintentional.
>>
>> ilango_g wrote:
>>>
>>> The problem is as follows:
>>> The input boxes are stacked vertically to the right in Firefox and to
>>> the right in IE. That is the problem. Sorry about making it clear
>>> enough.
>>>
>>>
>>> Ryan Puddephatt-3 wrote:
>>>>
>>>> What seems to be the problem, you haven't actually said, only that
>>>> it doesn't work!
>>>>
>>>> I always find its good to use firebug to figure out whats affecting
>>>> your layout and changing it dynamically
>>>>
>>>> -----------------------------------------------
>>>> Ryan Puddephatt
>>>> FIX Developer
>>>> Fidessa LatentZero
>>>> 1 Alfred Place
>>>> London WC1E 7EB
>>>> Office: +44 (0) 20 7462 4200
>>>> Direct: +44 (0) 20 7323 6112
>>>> Blackberry: +44 (0) 79 8539 2458
>>>> Fax: +44 (0) 20 7462 4242
>>>> Email: [hidden email]
>>>> Web: http://www.latentzero.com
>>>>
>>>>
>>>> -----Original Message-----
>>>> From: ilango_g [mailto:[hidden email]]
>>>> Sent: 24 July 2008 15:34
>>>> To: [hidden email]
>>>> Subject: [ops-users] CSS for placing input control boxes next to
>>>> each other horizontally
>>>>
>>>>
>>>> Hi
>>>> I have to display three input boxes for social security fields and
>>>> they are supposed to be next to each other. Whatever I try does not
>>>> seem to get me that effect. The CSS I have written is as follows:
>>>>  .formtable {
>>>> margin:0;
>>>> padding:0;
>>>> clear:both;
>>>> }
>>>>
>>>> .formtable caption {
>>>> text-align:left;
>>>> padding-left:15px;}
>>>> /* IE 5.5 Font Corrections */
>>>> .formtable { font-size:1em; }
>>>> .formtable td { font-size:1em; }
>>>> .formtable table { font-size:1em; }
>>>>  .xforms-input .w35 {width:35px;}
>>>>  
>>>>  .colgutter {width:10px;}
>>>>
>>>> The basis structure I have now:
>>>>
>>>> <xhtml:table>
>>>>     -----
>>>>    -------
>>>> </xhtml:table>
>>>>
>>>> <xhtml:table>
>>>>   ---------
>>>>   ---------
>>>> </xhtml:table>
>>>>
>>>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>>>> class="formtable">
>>>> <xhtml:tr>
>>>> <xhtml:td>
>>>> <xforms:input class="w35"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>>>> style="width: 50px">
>>>> <xforms:label style="padding-top: 15px;">Social
>>>> security no.</xforms:label>
>>>> <xforms:hint>Area number SSN field must be in the
>>>> range 000-772</xforms:hint>
>>>> <xforms:action ev:event="xforms-value-changed">
>>>> <xforms:setvalue
>>>>
>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber)
>>>> &gt; 3"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>>
>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>>>> 3)"/>
>>>>
>>>> </xforms:action>
>>>> <xforms:action ev:event="xforms-valid">
>>>> <xforms:setfocus control="inp_group_no"
>>>> if="string-length(.) eq 3"/>
>>>>
>>>> </xforms:action>
>>>> </xforms:input>
>>>>
>>>> <xforms:input class="w35"
>>>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>>>> incremental="true" style="width: 50px">
>>>> <xforms:label class="hidden_label" />
>>>> <xforms:hint>Group number SSN field must be two digits
>>>> long in the range 00-99</xforms:hint>
>>>> <xforms:action ev:event="xforms-value-changed">
>>>> <xforms:setvalue
>>>>
>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>>>> &gt; 2"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>>>
>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>>>> 2)"/>
>>>> </xforms:action>
>>>> <xforms:action ev:event="xforms-valid">
>>>> <xforms:setfocus control="inp_serial_no"
>>>> if="string-length(.) eq 2"/>
>>>> </xforms:action>
>>>> </xforms:input>
>>>>
>>>>
>>>> <xforms:input class="w35"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>> incremental="true"
>>>> style="width: 50px">
>>>> <xforms:label class="hidden_label" />
>>>> <xforms:hint>Serial number SSN field must be two
>>>> digits long in the range 0000-9999</xforms:hint>
>>>> <xforms:action ev:event="xforms-value-changed">
>>>> <xforms:setvalue
>>>>
>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>>>> &gt; 4"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>>
>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber,
>>>> 1, 4)"
>>>> />
>>>> </xforms:action>
>>>> </xforms:input>
>>>>     <xforms:output
>>>> ref="instance('taskoutput')/fe:off/fe:SSN"
>>>> mediatype="text/xhtml"/>
>>>> </xhtml:td>
>>>>    </xhtml:tr>
>>>> </xhtml:table>
>>>>
>>>> ------------
>>>>
>>>> Any help on the CSS is highly appreciated. T
>>>>
>>>> thanks
>>>> Ilango
>>>> --
>>>> View this message in context:
>>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-ea
>>>> c h-other-horizontally-tp18633119p18633119.html
>>>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>>>
>>>>
>>>>
>>>> ____________________________________________________________________
>>>> _ _ This email has been scanned by the MessageLabs Email Security
>>>> System.
>>>> For more information please visit http://www.messagelabs.com/email 
>>>> ____________________________________________________________________
>>>> _
>>>> _
>>>>
>>>> ____________________________________________________________________
>>>> _ __ The information transmitted is intended only for the person or
>>>> entity to which it is addressed and may contain confidential and/or
>>>> privileged material. Any review, retransmission, dissemination or
>>>> other use of, or taking of any action in reliance upon, this
>>>> information by persons or entities other than the intended recipient
>>>> is prohibited. If you received this in error, please contact the
>>>> sender and delete the material from any computer.
>>>>
>>>> ____________________________________________________________________
>>>> _ This e-mail has been scanned for viruses by Verizon Business
>>>> Internet Managed Scanning Services - powered by MessageLabs. For
>>>> further information visit http://www.mci.com
>>>>
>>>>
>>>> --
>>>> You receive this message as a subscriber of the [hidden email]
>>>> mailing list.
>>>> To unsubscribe: mailto:[hidden email]
>>>> For general help: mailto:[hidden email]?subject=help
>>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>>
>>>>
>>>
>>>
>>
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each
>> -other-horizontally-tp18633119p18633612.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>
>>
>>
>> ______________________________________________________________________
>> This email has been scanned by the MessageLabs Email Security System.
>> For more information please visit http://www.messagelabs.com/email 
>> ______________________________________________________________________
>>
>> ______________________________________________________________________
>> _ The information transmitted is intended only for the person or
>> entity to which it is addressed and may contain confidential and/or
>> privileged material. Any review, retransmission, dissemination or
>> other use of, or taking of any action in reliance upon, this
>> information by persons or entities other than the intended recipient
>> is prohibited. If you received this in error, please contact the
>> sender and delete the material from any computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the [hidden email]
>> mailing list.
>> To unsubscribe: mailto:[hidden email]
>> For general help: mailto:[hidden email]?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
> --
> View this message in context:
> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18634247.html
> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>
>
>
> ______________________________________________________________________
> This email has been scanned by the MessageLabs Email Security System.
> For more information please visit http://www.messagelabs.com/email 
> ______________________________________________________________________
>
> _______________________________________________________________________
> The information transmitted is intended only for the person or entity to
> which it is addressed and may contain confidential and/or privileged
> material. Any review, retransmission, dissemination or other use of, or
> taking of any action in reliance upon, this information by persons or
> entities other than the intended recipient is prohibited. If you received
> this in error, please contact the sender and delete the material from any
> computer.
>
> _____________________________________________________________________
> This e-mail has been scanned for viruses by Verizon Business Internet
> Managed Scanning Services - powered by MessageLabs. For further
> information visit http://www.mci.com
>
>
> --
> You receive this message as a subscriber of the [hidden email] mailing
> list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>
--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18636035.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: attached a simpler sample that can be tested in the sandbox

ilango_g
I am trying to control the width of each of the three fields that make up the SSN. I would like to apply an inline style to xforms-input like style=width: 100px:

Would that work?

thanks
Ryan Puddephatt-3 wrote
Seems the xforms-label css has a width of 600px, if I change this it fixes the problem, try adding a class to the xforms:label to change the width

Ryan
------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: rpuddephatt@latentzero.com
Web: http://www.latentzero.com
Sent from my blackberry device

----- Original Message -----
From: ilango_g <ilangocal@yahoo.com>
To: ops-users@ow2.org <ops-users@ow2.org>
Sent: Thu Jul 24 17:50:15 2008
Subject: [ops-users]  attached a simpler sample that can be tested in the sandbox


I have attached a simpler version of the form which is easily tested in the
sandbox and one can see the problem in the area of the form where "Social
security no." resides.

thanks


http://www.nabble.com/file/p18636035/testRyan.xhtml testRyan.xhtml

Ryan Puddephatt-3 wrote:
>
>
> Yeah sure
>
> -----------------------------------------------
> Ryan Puddephatt
> FIX Developer
> Fidessa LatentZero
> 1 Alfred Place
> London WC1E 7EB
> Office: +44 (0) 20 7462 4200
> Direct: +44 (0) 20 7323 6112
> Blackberry: +44 (0) 79 8539 2458
> Fax: +44 (0) 20 7462 4242
> Email: rpuddephatt@latentzero.com
> Web: http://www.latentzero.com
>
>
> -----Original Message-----
> From: ilango_g [mailto:ilangocal@yahoo.com]
> Sent: 24 July 2008 16:24
> To: ops-users@ow2.org
> Subject: [ops-users] RE: RE: CSS for placing input control boxes next to
> each other horizontally
>
>
> The intriguing thing is I have two forms.
> 1) Main form where other code beside SSN field reside - code that I wrote
> for SSN field does not work there.
> 2) Little Test form where only SSN code resides - code that I wrote for
> SSN field works here.
>
> Is it okay to send both files to you for comparison. The way I have tested
> "Main Form" and "Little form" is by creating two applications under
> /ops/apps (with the CSS files in there).
>
> I have not used the sandbox to test these forms.
>
> Can I still send those forms to you?
>
> thanks
>
> Ryan Puddephatt-3 wrote:
>>
>> Thats fine, I wanted to check it wasn't the spacing that was the
>> issue, as I know I've had it as an issue in the past.
>>
>> If you have a simple page that works in the sand box I'll have a play
>> around and see if I can get it working
>>
>> Thanks
>>
>> Ryan
>> -----------------------------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: rpuddephatt@latentzero.com
>> Web: http://www.latentzero.com
>>
>>
>> -----Original Message-----
>> From: ilango_g [mailto:ilangocal@yahoo.com]
>> Sent: 24 July 2008 15:55
>> To: ops-users@ow2.org
>> Subject: [ops-users] RE: CSS for placing input control boxes next to
>> each other horizontally
>>
>>
>> Sorry about Not making it clear enough. The omission was unintentional.
>>
>> ilango_g wrote:
>>>
>>> The problem is as follows:
>>> The input boxes are stacked vertically to the right in Firefox and to
>>> the right in IE. That is the problem. Sorry about making it clear
>>> enough.
>>>
>>>
>>> Ryan Puddephatt-3 wrote:
>>>>
>>>> What seems to be the problem, you haven't actually said, only that
>>>> it doesn't work!
>>>>
>>>> I always find its good to use firebug to figure out whats affecting
>>>> your layout and changing it dynamically
>>>>
>>>> -----------------------------------------------
>>>> Ryan Puddephatt
>>>> FIX Developer
>>>> Fidessa LatentZero
>>>> 1 Alfred Place
>>>> London WC1E 7EB
>>>> Office: +44 (0) 20 7462 4200
>>>> Direct: +44 (0) 20 7323 6112
>>>> Blackberry: +44 (0) 79 8539 2458
>>>> Fax: +44 (0) 20 7462 4242
>>>> Email: rpuddephatt@latentzero.com
>>>> Web: http://www.latentzero.com
>>>>
>>>>
>>>> -----Original Message-----
>>>> From: ilango_g [mailto:ilangocal@yahoo.com]
>>>> Sent: 24 July 2008 15:34
>>>> To: ops-users@ow2.org
>>>> Subject: [ops-users] CSS for placing input control boxes next to
>>>> each other horizontally
>>>>
>>>>
>>>> Hi
>>>> I have to display three input boxes for social security fields and
>>>> they are supposed to be next to each other. Whatever I try does not
>>>> seem to get me that effect. The CSS I have written is as follows:
>>>>  .formtable {
>>>> margin:0;
>>>> padding:0;
>>>> clear:both;
>>>> }
>>>>
>>>> .formtable caption {
>>>> text-align:left;
>>>> padding-left:15px;}
>>>> /* IE 5.5 Font Corrections */
>>>> .formtable { font-size:1em; }
>>>> .formtable td { font-size:1em; }
>>>> .formtable table { font-size:1em; }
>>>>  .xforms-input .w35 {width:35px;}
>>>>  
>>>>  .colgutter {width:10px;}
>>>>
>>>> The basis structure I have now:
>>>>
>>>> <xhtml:table>
>>>>     -----
>>>>    -------
>>>> </xhtml:table>
>>>>
>>>> <xhtml:table>
>>>>   ---------
>>>>   ---------
>>>> </xhtml:table>
>>>>
>>>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>>>> class="formtable">
>>>> <xhtml:tr>
>>>> <xhtml:td>
>>>> <xforms:input class="w35"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber" incremental="true"
>>>> style="width: 50px">
>>>> <xforms:label style="padding-top: 15px;">Social
>>>> security no.</xforms:label>
>>>> <xforms:hint>Area number SSN field must be in the
>>>> range 000-772</xforms:hint>
>>>> <xforms:action ev:event="xforms-value-changed">
>>>> <xforms:setvalue
>>>>
>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber)
>>>> > 3"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>>
>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>>>> 3)"/>
>>>>
>>>> </xforms:action>
>>>> <xforms:action ev:event="xforms-valid">
>>>> <xforms:setfocus control="inp_group_no"
>>>> if="string-length(.) eq 3"/>
>>>>
>>>> </xforms:action>
>>>> </xforms:input>
>>>>
>>>> <xforms:input class="w35"
>>>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>>>> incremental="true" style="width: 50px">
>>>> <xforms:label class="hidden_label" />
>>>> <xforms:hint>Group number SSN field must be two digits
>>>> long in the range 00-99</xforms:hint>
>>>> <xforms:action ev:event="xforms-value-changed">
>>>> <xforms:setvalue
>>>>
>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>>>> > 2"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>>>
>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>>>> 2)"/>
>>>> </xforms:action>
>>>> <xforms:action ev:event="xforms-valid">
>>>> <xforms:setfocus control="inp_serial_no"
>>>> if="string-length(.) eq 2"/>
>>>> </xforms:action>
>>>> </xforms:input>
>>>>
>>>>
>>>> <xforms:input class="w35"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>> incremental="true"
>>>> style="width: 50px">
>>>> <xforms:label class="hidden_label" />
>>>> <xforms:hint>Serial number SSN field must be two
>>>> digits long in the range 0000-9999</xforms:hint>
>>>> <xforms:action ev:event="xforms-value-changed">
>>>> <xforms:setvalue
>>>>
>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>>>> > 4"
>>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>>
>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber,
>>>> 1, 4)"
>>>> />
>>>> </xforms:action>
>>>> </xforms:input>
>>>>     <xforms:output
>>>> ref="instance('taskoutput')/fe:off/fe:SSN"
>>>> mediatype="text/xhtml"/>
>>>> </xhtml:td>
>>>>    </xhtml:tr>
>>>> </xhtml:table>
>>>>
>>>> ------------
>>>>
>>>> Any help on the CSS is highly appreciated. T
>>>>
>>>> thanks
>>>> Ilango
>>>> --
>>>> View this message in context:
>>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-ea
>>>> c h-other-horizontally-tp18633119p18633119.html
>>>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>>>
>>>>
>>>>
>>>> ____________________________________________________________________
>>>> _ _ This email has been scanned by the MessageLabs Email Security
>>>> System.
>>>> For more information please visit http://www.messagelabs.com/email 
>>>> ____________________________________________________________________
>>>> _
>>>> _
>>>>
>>>> ____________________________________________________________________
>>>> _ __ The information transmitted is intended only for the person or
>>>> entity to which it is addressed and may contain confidential and/or
>>>> privileged material. Any review, retransmission, dissemination or
>>>> other use of, or taking of any action in reliance upon, this
>>>> information by persons or entities other than the intended recipient
>>>> is prohibited. If you received this in error, please contact the
>>>> sender and delete the material from any computer.
>>>>
>>>> ____________________________________________________________________
>>>> _ This e-mail has been scanned for viruses by Verizon Business
>>>> Internet Managed Scanning Services - powered by MessageLabs. For
>>>> further information visit http://www.mci.com
>>>>
>>>>
>>>> --
>>>> You receive this message as a subscriber of the ops-users@ow2.org
>>>> mailing list.
>>>> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
>>>> For general help: mailto:sympa@ow2.org?subject=help
>>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>>
>>>>
>>>
>>>
>>
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each
>> -other-horizontally-tp18633119p18633612.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>
>>
>>
>> ______________________________________________________________________
>> This email has been scanned by the MessageLabs Email Security System.
>> For more information please visit http://www.messagelabs.com/email 
>> ______________________________________________________________________
>>
>> ______________________________________________________________________
>> _ The information transmitted is intended only for the person or
>> entity to which it is addressed and may contain confidential and/or
>> privileged material. Any review, retransmission, dissemination or
>> other use of, or taking of any action in reliance upon, this
>> information by persons or entities other than the intended recipient
>> is prohibited. If you received this in error, please contact the
>> sender and delete the material from any computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the ops-users@ow2.org
>> mailing list.
>> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
>> For general help: mailto:sympa@ow2.org?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
> --
> View this message in context:
> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18634247.html
> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>
>
>
> ______________________________________________________________________
> This email has been scanned by the MessageLabs Email Security System.
> For more information please visit http://www.messagelabs.com/email 
> ______________________________________________________________________
>
> _______________________________________________________________________
> The information transmitted is intended only for the person or entity to
> which it is addressed and may contain confidential and/or privileged
> material. Any review, retransmission, dissemination or other use of, or
> taking of any action in reliance upon, this information by persons or
> entities other than the intended recipient is prohibited. If you received
> this in error, please contact the sender and delete the material from any
> computer.
>
> _____________________________________________________________________
> This e-mail has been scanned for viruses by Verizon Business Internet
> Managed Scanning Services - powered by MessageLabs. For further
> information visit http://www.mci.com
>
>
> --
> You receive this message as a subscriber of the ops-users@ow2.org mailing
> list.
> To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
> For general help: mailto:sympa@ow2.org?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>

--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18636035.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the ops-users@ow2.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@ow2.org
For general help: mailto:sympa@ow2.org?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: Re: attached a simpler sample that can be tested in the sandbox

Ryan Puddephatt-3
In reply to this post by ilango_g
Should do, if it doesn't try a class, I'm sure that works
------------------------
Ryan Puddephatt
FIX Developer
Fidessa LatentZero
1 Alfred Place
London WC1E 7EB
Office: +44 (0) 20 7462 4200
Direct: +44 (0) 20 7323 6112
Blackberry: +44 (0) 79 8539 2458
Fax: +44 (0) 20 7462 4242
Email: [hidden email]
Web: http://www.latentzero.com
Sent from my blackberry device

----- Original Message -----
From: ilango_g <[hidden email]>
To: [hidden email] <[hidden email]>
Sent: Thu Jul 24 21:14:44 2008
Subject: [ops-users] Re: attached a simpler sample that can be tested in the sandbox


I am trying to control the width of each of the three fields that make up the
SSN. I would like to apply an inline style to xforms-input like style=width:
100px:

Would that work?

thanks

Ryan Puddephatt-3 wrote:

>
> Seems the xforms-label css has a width of 600px, if I change this it fixes
> the problem, try adding a class to the xforms:label to change the width
>
> Ryan
> ------------------------
> Ryan Puddephatt
> FIX Developer
> Fidessa LatentZero
> 1 Alfred Place
> London WC1E 7EB
> Office: +44 (0) 20 7462 4200
> Direct: +44 (0) 20 7323 6112
> Blackberry: +44 (0) 79 8539 2458
> Fax: +44 (0) 20 7462 4242
> Email: [hidden email]
> Web: http://www.latentzero.com
> Sent from my blackberry device
>
> ----- Original Message -----
> From: ilango_g <[hidden email]>
> To: [hidden email] <[hidden email]>
> Sent: Thu Jul 24 17:50:15 2008
> Subject: [ops-users]  attached a simpler sample that can be tested in the
> sandbox
>
>
> I have attached a simpler version of the form which is easily tested in
> the
> sandbox and one can see the problem in the area of the form where "Social
> security no." resides.
>
> thanks
>
>
> http://www.nabble.com/file/p18636035/testRyan.xhtml testRyan.xhtml
>
> Ryan Puddephatt-3 wrote:
>>
>>
>> Yeah sure
>>
>> -----------------------------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: [hidden email]
>> Web: http://www.latentzero.com
>>
>>
>> -----Original Message-----
>> From: ilango_g [mailto:[hidden email]]
>> Sent: 24 July 2008 16:24
>> To: [hidden email]
>> Subject: [ops-users] RE: RE: CSS for placing input control boxes next to
>> each other horizontally
>>
>>
>> The intriguing thing is I have two forms.
>> 1) Main form where other code beside SSN field reside - code that I wrote
>> for SSN field does not work there.
>> 2) Little Test form where only SSN code resides - code that I wrote for
>> SSN field works here.
>>
>> Is it okay to send both files to you for comparison. The way I have
>> tested
>> "Main Form" and "Little form" is by creating two applications under
>> /ops/apps (with the CSS files in there).
>>
>> I have not used the sandbox to test these forms.
>>
>> Can I still send those forms to you?
>>
>> thanks
>>
>> Ryan Puddephatt-3 wrote:
>>>
>>> Thats fine, I wanted to check it wasn't the spacing that was the
>>> issue, as I know I've had it as an issue in the past.
>>>
>>> If you have a simple page that works in the sand box I'll have a play
>>> around and see if I can get it working
>>>
>>> Thanks
>>>
>>> Ryan
>>> -----------------------------------------------
>>> Ryan Puddephatt
>>> FIX Developer
>>> Fidessa LatentZero
>>> 1 Alfred Place
>>> London WC1E 7EB
>>> Office: +44 (0) 20 7462 4200
>>> Direct: +44 (0) 20 7323 6112
>>> Blackberry: +44 (0) 79 8539 2458
>>> Fax: +44 (0) 20 7462 4242
>>> Email: [hidden email]
>>> Web: http://www.latentzero.com
>>>
>>>
>>> -----Original Message-----
>>> From: ilango_g [mailto:[hidden email]]
>>> Sent: 24 July 2008 15:55
>>> To: [hidden email]
>>> Subject: [ops-users] RE: CSS for placing input control boxes next to
>>> each other horizontally
>>>
>>>
>>> Sorry about Not making it clear enough. The omission was unintentional.
>>>
>>> ilango_g wrote:
>>>>
>>>> The problem is as follows:
>>>> The input boxes are stacked vertically to the right in Firefox and to
>>>> the right in IE. That is the problem. Sorry about making it clear
>>>> enough.
>>>>
>>>>
>>>> Ryan Puddephatt-3 wrote:
>>>>>
>>>>> What seems to be the problem, you haven't actually said, only that
>>>>> it doesn't work!
>>>>>
>>>>> I always find its good to use firebug to figure out whats affecting
>>>>> your layout and changing it dynamically
>>>>>
>>>>> -----------------------------------------------
>>>>> Ryan Puddephatt
>>>>> FIX Developer
>>>>> Fidessa LatentZero
>>>>> 1 Alfred Place
>>>>> London WC1E 7EB
>>>>> Office: +44 (0) 20 7462 4200
>>>>> Direct: +44 (0) 20 7323 6112
>>>>> Blackberry: +44 (0) 79 8539 2458
>>>>> Fax: +44 (0) 20 7462 4242
>>>>> Email: [hidden email]
>>>>> Web: http://www.latentzero.com
>>>>>
>>>>>
>>>>> -----Original Message-----
>>>>> From: ilango_g [mailto:[hidden email]]
>>>>> Sent: 24 July 2008 15:34
>>>>> To: [hidden email]
>>>>> Subject: [ops-users] CSS for placing input control boxes next to
>>>>> each other horizontally
>>>>>
>>>>>
>>>>> Hi
>>>>> I have to display three input boxes for social security fields and
>>>>> they are supposed to be next to each other. Whatever I try does not
>>>>> seem to get me that effect. The CSS I have written is as follows:
>>>>>  .formtable {
>>>>> margin:0;
>>>>> padding:0;
>>>>> clear:both;
>>>>> }
>>>>>
>>>>> .formtable caption {
>>>>> text-align:left;
>>>>> padding-left:15px;}
>>>>> /* IE 5.5 Font Corrections */
>>>>> .formtable { font-size:1em; }
>>>>> .formtable td { font-size:1em; }
>>>>> .formtable table { font-size:1em; }
>>>>>  .xforms-input .w35 {width:35px;}
>>>>>  
>>>>>  .colgutter {width:10px;}
>>>>>
>>>>> The basis structure I have now:
>>>>>
>>>>> <xhtml:table>
>>>>>     -----
>>>>>    -------
>>>>> </xhtml:table>
>>>>>
>>>>> <xhtml:table>
>>>>>   ---------
>>>>>   ---------
>>>>> </xhtml:table>
>>>>>
>>>>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>>>>> class="formtable">
>>>>> <xhtml:tr>
>>>>> <xhtml:td>
>>>>> <xforms:input class="w35"
>>>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>>> incremental="true"
>>>>> style="width: 50px">
>>>>> <xforms:label style="padding-top: 15px;">Social
>>>>> security no.</xforms:label>
>>>>> <xforms:hint>Area number SSN field must be in the
>>>>> range 000-772</xforms:hint>
>>>>> <xforms:action ev:event="xforms-value-changed">
>>>>> <xforms:setvalue
>>>>>
>>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber)
>>>>> &gt; 3"
>>>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>>>
>>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnAreaNumber, 1,
>>>>> 3)"/>
>>>>>
>>>>> </xforms:action>
>>>>> <xforms:action ev:event="xforms-valid">
>>>>> <xforms:setfocus control="inp_group_no"
>>>>> if="string-length(.) eq 3"/>
>>>>>
>>>>> </xforms:action>
>>>>> </xforms:input>
>>>>>
>>>>> <xforms:input class="w35"
>>>>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>>>>> incremental="true" style="width: 50px">
>>>>> <xforms:label class="hidden_label" />
>>>>> <xforms:hint>Group number SSN field must be two digits
>>>>> long in the range 00-99</xforms:hint>
>>>>> <xforms:action ev:event="xforms-value-changed">
>>>>> <xforms:setvalue
>>>>>
>>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnGroupNumber)
>>>>> &gt; 2"
>>>>> ref="instance('taskoutput')/fe:off/fe:ssnGroupNumber"
>>>>>
>>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnGroupNumber, 1,
>>>>> 2)"/>
>>>>> </xforms:action>
>>>>> <xforms:action ev:event="xforms-valid">
>>>>> <xforms:setfocus control="inp_serial_no"
>>>>> if="string-length(.) eq 2"/>
>>>>> </xforms:action>
>>>>> </xforms:input>
>>>>>
>>>>>
>>>>> <xforms:input class="w35"
>>>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>>> incremental="true"
>>>>> style="width: 50px">
>>>>> <xforms:label class="hidden_label" />
>>>>> <xforms:hint>Serial number SSN field must be two
>>>>> digits long in the range 0000-9999</xforms:hint>
>>>>> <xforms:action ev:event="xforms-value-changed">
>>>>> <xforms:setvalue
>>>>>
>>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnSerialNumber)
>>>>> &gt; 4"
>>>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>>>
>>>>> value="substring(instance('taskoutput')/fe:off/fe:ssnSerialNumber,
>>>>> 1, 4)"
>>>>> />
>>>>> </xforms:action>
>>>>> </xforms:input>
>>>>>     <xforms:output
>>>>> ref="instance('taskoutput')/fe:off/fe:SSN"
>>>>> mediatype="text/xhtml"/>
>>>>> </xhtml:td>
>>>>>    </xhtml:tr>
>>>>> </xhtml:table>
>>>>>
>>>>> ------------
>>>>>
>>>>> Any help on the CSS is highly appreciated. T
>>>>>
>>>>> thanks
>>>>> Ilango
>>>>> --
>>>>> View this message in context:
>>>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-ea
>>>>> c h-other-horizontally-tp18633119p18633119.html
>>>>> Sent from the ObjectWeb OPS - Users mailing list archive at
>>>>> Nabble.com.
>>>>>
>>>>>
>>>>>
>>>>> ____________________________________________________________________
>>>>> _ _ This email has been scanned by the MessageLabs Email Security
>>>>> System.
>>>>> For more information please visit http://www.messagelabs.com/email 
>>>>> ____________________________________________________________________
>>>>> _
>>>>> _
>>>>>
>>>>> ____________________________________________________________________
>>>>> _ __ The information transmitted is intended only for the person or
>>>>> entity to which it is addressed and may contain confidential and/or
>>>>> privileged material. Any review, retransmission, dissemination or
>>>>> other use of, or taking of any action in reliance upon, this
>>>>> information by persons or entities other than the intended recipient
>>>>> is prohibited. If you received this in error, please contact the
>>>>> sender and delete the material from any computer.
>>>>>
>>>>> ____________________________________________________________________
>>>>> _ This e-mail has been scanned for viruses by Verizon Business
>>>>> Internet Managed Scanning Services - powered by MessageLabs. For
>>>>> further information visit http://www.mci.com
>>>>>
>>>>>
>>>>> --
>>>>> You receive this message as a subscriber of the [hidden email]
>>>>> mailing list.
>>>>> To unsubscribe: mailto:[hidden email]
>>>>> For general help: mailto:[hidden email]?subject=help
>>>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>>>
>>>>>
>>>>
>>>>
>>>
>>> --
>>> View this message in context:
>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each
>>> -other-horizontally-tp18633119p18633612.html
>>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>>
>>>
>>>
>>> ______________________________________________________________________
>>> This email has been scanned by the MessageLabs Email Security System.
>>> For more information please visit http://www.messagelabs.com/email 
>>> ______________________________________________________________________
>>>
>>> ______________________________________________________________________
>>> _ The information transmitted is intended only for the person or
>>> entity to which it is addressed and may contain confidential and/or
>>> privileged material. Any review, retransmission, dissemination or
>>> other use of, or taking of any action in reliance upon, this
>>> information by persons or entities other than the intended recipient
>>> is prohibited. If you received this in error, please contact the
>>> sender and delete the material from any computer.
>>>
>>> _____________________________________________________________________
>>> This e-mail has been scanned for viruses by Verizon Business Internet
>>> Managed Scanning Services - powered by MessageLabs. For further
>>> information visit http://www.mci.com
>>>
>>>
>>> --
>>> You receive this message as a subscriber of the [hidden email]
>>> mailing list.
>>> To unsubscribe: mailto:[hidden email]
>>> For general help: mailto:[hidden email]?subject=help
>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>
>>>
>>
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18634247.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>>
>>
>>
>> ______________________________________________________________________
>> This email has been scanned by the MessageLabs Email Security System.
>> For more information please visit http://www.messagelabs.com/email 
>> ______________________________________________________________________
>>
>> _______________________________________________________________________
>> The information transmitted is intended only for the person or entity to
>> which it is addressed and may contain confidential and/or privileged
>> material. Any review, retransmission, dissemination or other use of, or
>> taking of any action in reliance upon, this information by persons or
>> entities other than the intended recipient is prohibited. If you received
>> this in error, please contact the sender and delete the material from any
>> computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the [hidden email] mailing
>> list.
>> To unsubscribe: mailto:[hidden email]
>> For general help: mailto:[hidden email]?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
> --
> View this message in context:
> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18636035.html
> Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.
>
>
>
> ______________________________________________________________________
> This email has been scanned by the MessageLabs Email Security System.
> For more information please visit http://www.messagelabs.com/email 
> ______________________________________________________________________
>
> _______________________________________________________________________
> The information transmitted is intended only for the person or entity to
> which it is addressed and may contain confidential and/or privileged
> material. Any review, retransmission, dissemination or other use of, or
> taking of any action in reliance upon, this information by persons or
> entities other than the intended recipient is prohibited. If you received
> this in error, please contact the sender and delete the material from any
> computer.
>
> _____________________________________________________________________
> This e-mail has been scanned for viruses by Verizon Business Internet
> Managed Scanning Services - powered by MessageLabs. For further
> information visit http://www.mci.com
>
>
> --
> You receive this message as a subscriber of the [hidden email] mailing
> list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
>
>
--
View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18639014.html
Sent from the ObjectWeb OPS - Users mailing list archive at Nabble.com.



______________________________________________________________________
This email has been scanned by the MessageLabs Email Security System.
For more information please visit http://www.messagelabs.com/email 
______________________________________________________________________

_______________________________________________________________________
The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

_____________________________________________________________________
This e-mail has been scanned for viruses by Verizon Business Internet Managed Scanning Services - powered by MessageLabs. For further information visit http://www.mci.com


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: Re: attached a simpler sample that can be tested in the sandbox

Erik Bruchez
Administrator
In reply to this post by ilango_g
You are much better off using @class rather than @style.

Give ids to all your 3 SSN xforms:input controls, then use CSS rules  
to match on those ids to set the size of the fields, e.g.:

#ssn1 input { width: 3em }

-Erik

On Jul 24, 2008, at 1:14 PM, ilango_g wrote:

>
> I am trying to control the width of each of the three fields that  
> make up the
> SSN. I would like to apply an inline style to xforms-input like  
> style=width:
> 100px:
>
> Would that work?
>
> thanks
>
> Ryan Puddephatt-3 wrote:
>>
>> Seems the xforms-label css has a width of 600px, if I change this  
>> it fixes
>> the problem, try adding a class to the xforms:label to change the  
>> width
>>
>> Ryan
>> ------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: [hidden email]
>> Web: http://www.latentzero.com
>> Sent from my blackberry device
>>
>> ----- Original Message -----
>> From: ilango_g <[hidden email]>
>> To: [hidden email] <[hidden email]>
>> Sent: Thu Jul 24 17:50:15 2008
>> Subject: [ops-users]  attached a simpler sample that can be tested  
>> in the
>> sandbox
>>
>>
>> I have attached a simpler version of the form which is easily  
>> tested in
>> the
>> sandbox and one can see the problem in the area of the form where  
>> "Social
>> security no." resides.
>>
>> thanks
>>
>>
>> http://www.nabble.com/file/p18636035/testRyan.xhtml testRyan.xhtml
>>
>> Ryan Puddephatt-3 wrote:
>>>
>>>
>>> Yeah sure
>>>
>>> -----------------------------------------------
>>> Ryan Puddephatt
>>> FIX Developer
>>> Fidessa LatentZero
>>> 1 Alfred Place
>>> London WC1E 7EB
>>> Office: +44 (0) 20 7462 4200
>>> Direct: +44 (0) 20 7323 6112
>>> Blackberry: +44 (0) 79 8539 2458
>>> Fax: +44 (0) 20 7462 4242
>>> Email: [hidden email]
>>> Web: http://www.latentzero.com
>>>
>>>
>>> -----Original Message-----
>>> From: ilango_g [mailto:[hidden email]]
>>> Sent: 24 July 2008 16:24
>>> To: [hidden email]
>>> Subject: [ops-users] RE: RE: CSS for placing input control boxes  
>>> next to
>>> each other horizontally
>>>
>>>
>>> The intriguing thing is I have two forms.
>>> 1) Main form where other code beside SSN field reside - code that  
>>> I wrote
>>> for SSN field does not work there.
>>> 2) Little Test form where only SSN code resides - code that I  
>>> wrote for
>>> SSN field works here.
>>>
>>> Is it okay to send both files to you for comparison. The way I have
>>> tested
>>> "Main Form" and "Little form" is by creating two applications under
>>> /ops/apps (with the CSS files in there).
>>>
>>> I have not used the sandbox to test these forms.
>>>
>>> Can I still send those forms to you?
>>>
>>> thanks
>>>
>>> Ryan Puddephatt-3 wrote:
>>>>
>>>> Thats fine, I wanted to check it wasn't the spacing that was the
>>>> issue, as I know I've had it as an issue in the past.
>>>>
>>>> If you have a simple page that works in the sand box I'll have a  
>>>> play
>>>> around and see if I can get it working
>>>>
>>>> Thanks
>>>>
>>>> Ryan
>>>> -----------------------------------------------
>>>> Ryan Puddephatt
>>>> FIX Developer
>>>> Fidessa LatentZero
>>>> 1 Alfred Place
>>>> London WC1E 7EB
>>>> Office: +44 (0) 20 7462 4200
>>>> Direct: +44 (0) 20 7323 6112
>>>> Blackberry: +44 (0) 79 8539 2458
>>>> Fax: +44 (0) 20 7462 4242
>>>> Email: [hidden email]
>>>> Web: http://www.latentzero.com
>>>>
>>>>
>>>> -----Original Message-----
>>>> From: ilango_g [mailto:[hidden email]]
>>>> Sent: 24 July 2008 15:55
>>>> To: [hidden email]
>>>> Subject: [ops-users] RE: CSS for placing input control boxes next  
>>>> to
>>>> each other horizontally
>>>>
>>>>
>>>> Sorry about Not making it clear enough. The omission was  
>>>> unintentional.
>>>>
>>>> ilango_g wrote:
>>>>>
>>>>> The problem is as follows:
>>>>> The input boxes are stacked vertically to the right in Firefox  
>>>>> and to
>>>>> the right in IE. That is the problem. Sorry about making it clear
>>>>> enough.
>>>>>
>>>>>
>>>>> Ryan Puddephatt-3 wrote:
>>>>>>
>>>>>> What seems to be the problem, you haven't actually said, only  
>>>>>> that
>>>>>> it doesn't work!
>>>>>>
>>>>>> I always find its good to use firebug to figure out whats  
>>>>>> affecting
>>>>>> your layout and changing it dynamically
>>>>>>
>>>>>> -----------------------------------------------
>>>>>> Ryan Puddephatt
>>>>>> FIX Developer
>>>>>> Fidessa LatentZero
>>>>>> 1 Alfred Place
>>>>>> London WC1E 7EB
>>>>>> Office: +44 (0) 20 7462 4200
>>>>>> Direct: +44 (0) 20 7323 6112
>>>>>> Blackberry: +44 (0) 79 8539 2458
>>>>>> Fax: +44 (0) 20 7462 4242
>>>>>> Email: [hidden email]
>>>>>> Web: http://www.latentzero.com
>>>>>>
>>>>>>
>>>>>> -----Original Message-----
>>>>>> From: ilango_g [mailto:[hidden email]]
>>>>>> Sent: 24 July 2008 15:34
>>>>>> To: [hidden email]
>>>>>> Subject: [ops-users] CSS for placing input control boxes next to
>>>>>> each other horizontally
>>>>>>
>>>>>>
>>>>>> Hi
>>>>>> I have to display three input boxes for social security fields  
>>>>>> and
>>>>>> they are supposed to be next to each other. Whatever I try does  
>>>>>> not
>>>>>> seem to get me that effect. The CSS I have written is as follows:
>>>>>> .formtable {
>>>>>> margin:0;
>>>>>> padding:0;
>>>>>> clear:both;
>>>>>> }
>>>>>>
>>>>>> .formtable caption {
>>>>>> text-align:left;
>>>>>> padding-left:15px;}
>>>>>> /* IE 5.5 Font Corrections */
>>>>>> .formtable { font-size:1em; }
>>>>>> .formtable td { font-size:1em; }
>>>>>> .formtable table { font-size:1em; }
>>>>>>  .xforms-input .w35 {width:35px;}
>>>>>>
>>>>>>  .colgutter {width:10px;}
>>>>>>
>>>>>> The basis structure I have now:
>>>>>>
>>>>>> <xhtml:table>
>>>>>>    -----
>>>>>>   -------
>>>>>> </xhtml:table>
>>>>>>
>>>>>> <xhtml:table>
>>>>>>  ---------
>>>>>>  ---------
>>>>>> </xhtml:table>
>>>>>>
>>>>>> <xhtml:table border="0" cellpadding="0" cellspacing="0"
>>>>>> class="formtable">
>>>>>> <xhtml:tr>
>>>>>> <xhtml:td>
>>>>>> <xforms:input class="w35"
>>>>>> ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>>>> incremental="true"
>>>>>> style="width: 50px">
>>>>>> <xforms:label style="padding-top: 15px;">Social
>>>>>> security no.</xforms:label>
>>>>>> <xforms:hint>Area number SSN field must be in the
>>>>>> range 000-772</xforms:hint>
>>>>>> <xforms:action ev:event="xforms-value-changed">
>>>>>> <xforms:setvalue
>>>>>>
>>>>>> if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber)
>>>>>> &gt; 3"
>>>>>> ref="instance('taskoutput')/fe:off/
>>>>>> fe:ssnAreaNumber"
>>>>>>
>>>>>> value="substring(instance('taskoutput')/fe:off/
>>>>>> fe:ssnAreaNumber, 1,
>>>>>> 3)"/>
>>>>>>
>>>>>> </xforms:action>
>>>>>> <xforms:action ev:event="xforms-valid">
>>>>>> <xforms:setfocus control="inp_group_no"
>>>>>> if="string-length(.) eq 3"/>
>>>>>>
>>>>>> </xforms:action>
>>>>>> </xforms:input>
>>>>>>
>>>>>> <xforms:input class="w35"
>>>>>> ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>>>>>> incremental="true" style="width: 50px">
>>>>>> <xforms:label class="hidden_label" />
>>>>>> <xforms:hint>Group number SSN field must be two  
>>>>>> digits
>>>>>> long in the range 00-99</xforms:hint>
>>>>>> <xforms:action ev:event="xforms-value-changed">
>>>>>> <xforms:setvalue
>>>>>>
>>>>>> if="string-length(instance('taskoutput')/fe:off/
>>>>>> fe:ssnGroupNumber)
>>>>>> &gt; 2"
>>>>>> ref="instance('taskoutput')/fe:off/
>>>>>> fe:ssnGroupNumber"
>>>>>>
>>>>>> value="substring(instance('taskoutput')/fe:off/
>>>>>> fe:ssnGroupNumber, 1,
>>>>>> 2)"/>
>>>>>> </xforms:action>
>>>>>> <xforms:action ev:event="xforms-valid">
>>>>>> <xforms:setfocus control="inp_serial_no"
>>>>>> if="string-length(.) eq 2"/>
>>>>>> </xforms:action>
>>>>>> </xforms:input>
>>>>>>
>>>>>>
>>>>>> <xforms:input class="w35"
>>>>>> ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>>>> incremental="true"
>>>>>> style="width: 50px">
>>>>>> <xforms:label class="hidden_label" />
>>>>>> <xforms:hint>Serial number SSN field must be two
>>>>>> digits long in the range 0000-9999</xforms:hint>
>>>>>> <xforms:action ev:event="xforms-value-changed">
>>>>>> <xforms:setvalue
>>>>>>
>>>>>> if="string-length(instance('taskoutput')/fe:off/
>>>>>> fe:ssnSerialNumber)
>>>>>> &gt; 4"
>>>>>> ref="instance('taskoutput')/fe:off/
>>>>>> fe:ssnSerialNumber"
>>>>>>
>>>>>> value="substring(instance('taskoutput')/fe:off/
>>>>>> fe:ssnSerialNumber,
>>>>>> 1, 4)"
>>>>>> />
>>>>>> </xforms:action>
>>>>>> </xforms:input>
>>>>>>     <xforms:output
>>>>>> ref="instance('taskoutput')/fe:off/fe:SSN"
>>>>>> mediatype="text/xhtml"/>
>>>>>> </xhtml:td>
>>>>>>    </xhtml:tr>
>>>>>> </xhtml:table>
>>>>>>
>>>>>> ------------
>>>>>>
>>>>>> Any help on the CSS is highly appreciated. T
>>>>>>
>>>>>> thanks
>>>>>> Ilango
>>>>>> --
>>>>>> View this message in context:
>>>>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-ea
>>>>>> c h-other-horizontally-tp18633119p18633119.html
>>>>>> Sent from the ObjectWeb OPS - Users mailing list archive at
>>>>>> Nabble.com.
>>>>>>
>>>>>>
>>>>>>
>>>>>> ____________________________________________________________________
>>>>>> _ _ This email has been scanned by the MessageLabs Email Security
>>>>>> System.
>>>>>> For more information please visit http://www.messagelabs.com/ 
>>>>>> email
>>>>>> ____________________________________________________________________
>>>>>> _
>>>>>> _
>>>>>>
>>>>>> ____________________________________________________________________
>>>>>> _ __ The information transmitted is intended only for the  
>>>>>> person or
>>>>>> entity to which it is addressed and may contain confidential  
>>>>>> and/or
>>>>>> privileged material. Any review, retransmission, dissemination or
>>>>>> other use of, or taking of any action in reliance upon, this
>>>>>> information by persons or entities other than the intended  
>>>>>> recipient
>>>>>> is prohibited. If you received this in error, please contact the
>>>>>> sender and delete the material from any computer.
>>>>>>
>>>>>> ____________________________________________________________________
>>>>>> _ This e-mail has been scanned for viruses by Verizon Business
>>>>>> Internet Managed Scanning Services - powered by MessageLabs. For
>>>>>> further information visit http://www.mci.com
>>>>>>
>>>>>>
>>>>>> --
>>>>>> You receive this message as a subscriber of the [hidden email]
>>>>>> mailing list.
>>>>>> To unsubscribe: mailto:[hidden email]
>>>>>> For general help: mailto:[hidden email]?subject=help
>>>>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>> --
>>>> View this message in context:
>>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each
>>>> -other-horizontally-tp18633119p18633612.html
>>>> Sent from the ObjectWeb OPS - Users mailing list archive at  
>>>> Nabble.com.
>>>>
>>>>
>>>>
>>>> ______________________________________________________________________
>>>> This email has been scanned by the MessageLabs Email Security  
>>>> System.
>>>> For more information please visit http://www.messagelabs.com/email
>>>> ______________________________________________________________________
>>>>
>>>> ______________________________________________________________________
>>>> _ The information transmitted is intended only for the person or
>>>> entity to which it is addressed and may contain confidential and/or
>>>> privileged material. Any review, retransmission, dissemination or
>>>> other use of, or taking of any action in reliance upon, this
>>>> information by persons or entities other than the intended  
>>>> recipient
>>>> is prohibited. If you received this in error, please contact the
>>>> sender and delete the material from any computer.
>>>>
>>>> _____________________________________________________________________
>>>> This e-mail has been scanned for viruses by Verizon Business  
>>>> Internet
>>>> Managed Scanning Services - powered by MessageLabs. For further
>>>> information visit http://www.mci.com
>>>>
>>>>
>>>> --
>>>> You receive this message as a subscriber of the [hidden email]
>>>> mailing list.
>>>> To unsubscribe: mailto:[hidden email]
>>>> For general help: mailto:[hidden email]?subject=help
>>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>>
>>>>
>>>
>>> --
>>> View this message in context:
>>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18634247.html
>>> Sent from the ObjectWeb OPS - Users mailing list archive at  
>>> Nabble.com.
>>>
>>>
>>>
>>> ______________________________________________________________________
>>> This email has been scanned by the MessageLabs Email Security  
>>> System.
>>> For more information please visit http://www.messagelabs.com/email
>>> ______________________________________________________________________
>>>
>>> _______________________________________________________________________
>>> The information transmitted is intended only for the person or  
>>> entity to
>>> which it is addressed and may contain confidential and/or privileged
>>> material. Any review, retransmission, dissemination or other use  
>>> of, or
>>> taking of any action in reliance upon, this information by persons  
>>> or
>>> entities other than the intended recipient is prohibited. If you  
>>> received
>>> this in error, please contact the sender and delete the material  
>>> from any
>>> computer.
>>>
>>> _____________________________________________________________________
>>> This e-mail has been scanned for viruses by Verizon Business  
>>> Internet
>>> Managed Scanning Services - powered by MessageLabs. For further
>>> information visit http://www.mci.com
>>>
>>>
>>> --
>>> You receive this message as a subscriber of the [hidden email]  
>>> mailing
>>> list.
>>> To unsubscribe: mailto:[hidden email]
>>> For general help: mailto:[hidden email]?subject=help
>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>
>>>
>>
>> --
>> View this message in context:
>> http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18636035.html
>> Sent from the ObjectWeb OPS - Users mailing list archive at  
>> Nabble.com.
>>
>>
>>
>> ______________________________________________________________________
>> This email has been scanned by the MessageLabs Email Security System.
>> For more information please visit http://www.messagelabs.com/email
>> ______________________________________________________________________
>>
>> _______________________________________________________________________
>> The information transmitted is intended only for the person or  
>> entity to
>> which it is addressed and may contain confidential and/or privileged
>> material. Any review, retransmission, dissemination or other use  
>> of, or
>> taking of any action in reliance upon, this information by persons or
>> entities other than the intended recipient is prohibited. If you  
>> received
>> this in error, please contact the sender and delete the material  
>> from any
>> computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the [hidden email]  
>> mailing
>> list.
>> To unsubscribe: mailto:[hidden email]
>> For general help: mailto:[hidden email]?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
> --
> View this message in context: http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18639014.html
> Sent from the ObjectWeb OPS - Users mailing list archive at  
> Nabble.com.
>
>
> --
> You receive this message as a subscriber of the [hidden email]  
> mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws
--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws
Reply | Threaded
Open this post in threaded view
|

Re: Re: Re: attached a simpler sample that can be tested in the sandbox

ilango_g
I think i ended up doing what you suggested. Instead of id's I just used @class and set separate styles.

thanks
ilango



--- On Thu, 7/24/08, Erik Bruchez <[hidden email]> wrote:
From: Erik Bruchez <[hidden email]>
Subject: [ops-users] Re: Re: attached a simpler sample that can be tested in the sandbox
To: [hidden email]
Date: Thursday, July 24, 2008, 2:29 PM

You are much better off using @class rather than @style.

Give ids to all your 3 SSN xforms:input controls, then use CSS rules
to match on those ids to set the size of the fields, e.g.:

#ssn1 input { width: 3em }

-Erik

On Jul 24, 2008, at 1:14 PM, ilango_g wrote:

>
> I am trying to control the width of each of the three fields that
> make up the
> SSN. I would like to apply an inline style to xforms-input like
> style=width:
> 100px:
>
> Would that work?
>
> thanks
>
> Ryan Puddephatt-3 wrote:
>>
>> Seems the xforms-label css has a width of 600px, if I change this
>> it fixes
>> the problem, try adding a class to the xforms:label to change the
>> width
>>
>> Ryan
>> ------------------------
>> Ryan Puddephatt
>> FIX Developer
>> Fidessa LatentZero
>> 1 Alfred Place
>> London WC1E 7EB
>> Office: +44 (0) 20 7462 4200
>> Direct: +44 (0) 20 7323 6112
>> Blackberry: +44 (0) 79 8539 2458
>> Fax: +44 (0) 20 7462 4242
>> Email: [hidden email]
>> Web: http://www.latentzero.com
>> Sent from my blackberry device
>>
>> ----- Original Message -----
>> From: ilango_g <[hidden email]>
>> To: [hidden email] <[hidden email]>
>> Sent: Thu Jul 24 17:50:15 2008
>> Subject: [ops-users] attached a simpler sample that can be tested
>> in the
>> sandbox
>>
>>
>> I have attached a simpler version of the form which is easily
>> tested in
>> the
>> sandbox and one can see the problem in the area of the form where
>> "Social
>> security no." resides.
>>
>> thanks
>>
>>
>> http://www.nabble.com/file/p18636035/testRyan.xhtml testRyan.xhtml
>>
>> Ryan Puddephatt-3 wrote:
>>>
>>>
>>> Yeah sure
>>>
>>> -----------------------------------------------
>>> Ryan Puddephatt
>>> FIX Developer
>>> Fidessa LatentZero
>>> 1 Alfred Place
>>> London WC1E 7EB
>>> Office: +44 (0) 20 7462 4200
>>> Direct: +44 (0) 20 7323 6112
>>> Blackberry: +44 (0) 79 8539 2458
>>> Fax: +44 (0) 20 7462 4242
>>> Email: [hidden email]
>>> Web: http://www.latentzero.com
>>>
>>>
>>> -----Original Message-----
>>> From: ilango_g [mailto:[hidden email]]
>>> Sent: 24 July 2008 16:24
>>> To: [hidden email]
>>> Subject: [ops-users] RE: RE: CSS for placing input control boxes
>>> next to
>>> each other horizontally
>>>
>>>
>>> The intriguing thing is I have two forms.
>>> 1) Main form where other code beside SSN field reside - code that

>>> I wrote
>>> for SSN field does not work there.
>>> 2) Little Test form where only SSN code resides - code that I
>>> wrote for
>>> SSN field works here.
>>>
>>> Is it okay to send both files to you for comparison. The way I
have
>>> tested
>>> "Main Form" and "Little form" is by creating
two applications under

>>> /ops/apps (with the CSS files in there).
>>>
>>> I have not used the sandbox to test these forms.
>>>
>>> Can I still send those forms to you?
>>>
>>> thanks
>>>
>>> Ryan Puddephatt-3 wrote:
>>>>
>>>> Thats fine, I wanted to check it wasn't the spacing that
was the
>>>> issue, as I know I've had it as an issue in the past.
>>>>
>>>> If you have a simple page that works in the sand box I'll
have a

>>>> play
>>>> around and see if I can get it working
>>>>
>>>> Thanks
>>>>
>>>> Ryan
>>>> -----------------------------------------------
>>>> Ryan Puddephatt
>>>> FIX Developer
>>>> Fidessa LatentZero
>>>> 1 Alfred Place
>>>> London WC1E 7EB
>>>> Office: +44 (0) 20 7462 4200
>>>> Direct: +44 (0) 20 7323 6112
>>>> Blackberry: +44 (0) 79 8539 2458
>>>> Fax: +44 (0) 20 7462 4242
>>>> Email: [hidden email]
>>>> Web: http://www.latentzero.com
>>>>
>>>>
>>>> -----Original Message-----
>>>> From: ilango_g [mailto:[hidden email]]
>>>> Sent: 24 July 2008 15:55
>>>> To: [hidden email]
>>>> Subject: [ops-users] RE: CSS for placing input control boxes
next

>>>> to
>>>> each other horizontally
>>>>
>>>>
>>>> Sorry about Not making it clear enough. The omission was
>>>> unintentional.
>>>>
>>>> ilango_g wrote:
>>>>>
>>>>> The problem is as follows:
>>>>> The input boxes are stacked vertically to the right in
Firefox
>>>>> and to
>>>>> the right in IE. That is the problem. Sorry about making
it clear
>>>>> enough.
>>>>>
>>>>>
>>>>> Ryan Puddephatt-3 wrote:
>>>>>>
>>>>>> What seems to be the problem, you haven't actually
said, only
>>>>>> that
>>>>>> it doesn't work!
>>>>>>
>>>>>> I always find its good to use firebug to figure out
whats

>>>>>> affecting
>>>>>> your layout and changing it dynamically
>>>>>>
>>>>>> -----------------------------------------------
>>>>>> Ryan Puddephatt
>>>>>> FIX Developer
>>>>>> Fidessa LatentZero
>>>>>> 1 Alfred Place
>>>>>> London WC1E 7EB
>>>>>> Office: +44 (0) 20 7462 4200
>>>>>> Direct: +44 (0) 20 7323 6112
>>>>>> Blackberry: +44 (0) 79 8539 2458
>>>>>> Fax: +44 (0) 20 7462 4242
>>>>>> Email: [hidden email]
>>>>>> Web: http://www.latentzero.com
>>>>>>
>>>>>>
>>>>>> -----Original Message-----
>>>>>> From: ilango_g [mailto:[hidden email]]
>>>>>> Sent: 24 July 2008 15:34
>>>>>> To: [hidden email]
>>>>>> Subject: [ops-users] CSS for placing input control
boxes next to
>>>>>> each other horizontally
>>>>>>
>>>>>>
>>>>>> Hi
>>>>>> I have to display three input boxes for social
security fields
>>>>>> and
>>>>>> they are supposed to be next to each other. Whatever I
try does
>>>>>> not
>>>>>> seem to get me that effect. The CSS I have written is
as follows:

>>>>>> .formtable {
>>>>>> margin:0;
>>>>>> padding:0;
>>>>>> clear:both;
>>>>>> }
>>>>>>
>>>>>> .formtable caption {
>>>>>> text-align:left;
>>>>>> padding-left:15px;}
>>>>>> /* IE 5.5 Font Corrections */
>>>>>> .formtable { font-size:1em; }
>>>>>> .formtable td { font-size:1em; }
>>>>>> .formtable table { font-size:1em; }
>>>>>> .xforms-input .w35 {width:35px;}
>>>>>>
>>>>>> .colgutter {width:10px;}
>>>>>>
>>>>>> The basis structure I have now:
>>>>>>
>>>>>> <xhtml:table>
>>>>>> -----
>>>>>> -------
>>>>>> </xhtml:table>
>>>>>>
>>>>>> <xhtml:table>
>>>>>> ---------
>>>>>> ---------
>>>>>> </xhtml:table>
>>>>>>
>>>>>> <xhtml:table border="0"
cellpadding="0" cellspacing="0"
>>>>>> class="formtable">
>>>>>> <xhtml:tr>
>>>>>> <xhtml:td>
>>>>>> <xforms:input class="w35"
>>>>>>
ref="instance('taskoutput')/fe:off/fe:ssnAreaNumber"
>>>>>> incremental="true"
>>>>>> style="width: 50px">
>>>>>> <xforms:label
style="padding-top: 15px;">Social
>>>>>> security no.</xforms:label>
>>>>>> <xforms:hint>Area number SSN field
must be in the
>>>>>> range 000-772</xforms:hint>
>>>>>> <xforms:action
ev:event="xforms-value-changed">
>>>>>> <xforms:setvalue
>>>>>>
>>>>>>
if="string-length(instance('taskoutput')/fe:off/fe:ssnAreaNumber)
>>>>>> &gt; 3"
>>>>>>
ref="instance('taskoutput')/fe:off/
>>>>>> fe:ssnAreaNumber"
>>>>>>
>>>>>>
value="substring(instance('taskoutput')/fe:off/
>>>>>> fe:ssnAreaNumber, 1,
>>>>>> 3)"/>
>>>>>>
>>>>>> </xforms:action>
>>>>>> <xforms:action
ev:event="xforms-valid">
>>>>>> <xforms:setfocus
control="inp_group_no"
>>>>>> if="string-length(.) eq 3"/>
>>>>>>
>>>>>> </xforms:action>
>>>>>> </xforms:input>
>>>>>>
>>>>>> <xforms:input class="w35"
>>>>>>
ref="instance('taskoutput')/fe:offender/fe:ssnGroupNumber"
>>>>>> incremental="true" style="width:
50px">
>>>>>> <xforms:label
class="hidden_label" />
>>>>>> <xforms:hint>Group number SSN
field must be two
>>>>>> digits
>>>>>> long in the range 00-99</xforms:hint>
>>>>>> <xforms:action
ev:event="xforms-value-changed">
>>>>>> <xforms:setvalue
>>>>>>
>>>>>>
if="string-length(instance('taskoutput')/fe:off/
>>>>>> fe:ssnGroupNumber)
>>>>>> &gt; 2"
>>>>>>
ref="instance('taskoutput')/fe:off/
>>>>>> fe:ssnGroupNumber"
>>>>>>
>>>>>>
value="substring(instance('taskoutput')/fe:off/
>>>>>> fe:ssnGroupNumber, 1,
>>>>>> 2)"/>
>>>>>> </xforms:action>
>>>>>> <xforms:action
ev:event="xforms-valid">
>>>>>> <xforms:setfocus
control="inp_serial_no"
>>>>>> if="string-length(.) eq 2"/>
>>>>>> </xforms:action>
>>>>>> </xforms:input>
>>>>>>
>>>>>>
>>>>>> <xforms:input class="w35"
>>>>>>
ref="instance('taskoutput')/fe:off/fe:ssnSerialNumber"
>>>>>> incremental="true"
>>>>>> style="width: 50px">
>>>>>> <xforms:label
class="hidden_label" />
>>>>>> <xforms:hint>Serial number SSN
field must be two
>>>>>> digits long in the range 0000-9999</xforms:hint>
>>>>>> <xforms:action
ev:event="xforms-value-changed">
>>>>>> <xforms:setvalue
>>>>>>
>>>>>>
if="string-length(instance('taskoutput')/fe:off/
>>>>>> fe:ssnSerialNumber)
>>>>>> &gt; 4"
>>>>>>
ref="instance('taskoutput')/fe:off/
>>>>>> fe:ssnSerialNumber"
>>>>>>
>>>>>>
value="substring(instance('taskoutput')/fe:off/
>>>>>> fe:ssnSerialNumber,
>>>>>> 1, 4)"
>>>>>> />
>>>>>> </xforms:action>
>>>>>> </xforms:input>
>>>>>> <xforms:output
>>>>>>
ref="instance('taskoutput')/fe:off/fe:SSN"

>>>>>> mediatype="text/xhtml"/>
>>>>>> </xhtml:td>
>>>>>> </xhtml:tr>
>>>>>> </xhtml:table>
>>>>>>
>>>>>> ------------
>>>>>>
>>>>>> Any help on the CSS is highly appreciated. T
>>>>>>
>>>>>> thanks
>>>>>> Ilango
>>>>>> --
>>>>>> View this message in context:
>>>>>>
http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-ea
>>>>>> c h-other-horizontally-tp18633119p18633119.html
>>>>>> Sent from the ObjectWeb OPS - Users mailing list
archive at
>>>>>> Nabble.com.
>>>>>>
>>>>>>
>>>>>>
>>>>>>
____________________________________________________________________
>>>>>> _ _ This email has been scanned by the MessageLabs
Email Security
>>>>>> System.
>>>>>> For more information please visit
http://www.messagelabs.com/
>>>>>> email
>>>>>>
____________________________________________________________________
>>>>>> _
>>>>>> _
>>>>>>
>>>>>>
____________________________________________________________________
>>>>>> _ __ The information transmitted is intended only for
the
>>>>>> person or
>>>>>> entity to which it is addressed and may contain
confidential
>>>>>> and/or
>>>>>> privileged material. Any review, retransmission,
dissemination or
>>>>>> other use of, or taking of any action in reliance
upon, this
>>>>>> information by persons or entities other than the
intended
>>>>>> recipient
>>>>>> is prohibited. If you received this in error, please
contact the
>>>>>> sender and delete the material from any computer.
>>>>>>
>>>>>>
____________________________________________________________________
>>>>>> _ This e-mail has been scanned for viruses by Verizon
Business
>>>>>> Internet Managed Scanning Services - powered by
MessageLabs. For
>>>>>> further information visit http://www.mci.com
>>>>>>
>>>>>>
>>>>>> --
>>>>>> You receive this message as a subscriber of the
[hidden email]
>>>>>> mailing list.
>>>>>> To unsubscribe: mailto:[hidden email]
>>>>>> For general help: mailto:[hidden email]?subject=help
>>>>>> OW2 mailing lists service home page:
http://www.ow2.org/wws
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>> --
>>>> View this message in context:
>>>>
http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each
>>>> -other-horizontally-tp18633119p18633612.html
>>>> Sent from the ObjectWeb OPS - Users mailing list archive at
>>>> Nabble.com.
>>>>
>>>>
>>>>
>>>>
______________________________________________________________________
>>>> This email has been scanned by the MessageLabs Email Security

>>>> System.
>>>> For more information please visit
http://www.messagelabs.com/email
>>>>
______________________________________________________________________
>>>>
>>>>
______________________________________________________________________
>>>> _ The information transmitted is intended only for the person
or
>>>> entity to which it is addressed and may contain confidential
and/or
>>>> privileged material. Any review, retransmission, dissemination
or
>>>> other use of, or taking of any action in reliance upon, this
>>>> information by persons or entities other than the intended
>>>> recipient
>>>> is prohibited. If you received this in error, please contact
the
>>>> sender and delete the material from any computer.
>>>>
>>>>
_____________________________________________________________________
>>>> This e-mail has been scanned for viruses by Verizon Business
>>>> Internet
>>>> Managed Scanning Services - powered by MessageLabs. For
further
>>>> information visit http://www.mci.com
>>>>
>>>>
>>>> --
>>>> You receive this message as a subscriber of the
[hidden email]

>>>> mailing list.
>>>> To unsubscribe: mailto:[hidden email]
>>>> For general help: mailto:[hidden email]?subject=help
>>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>>
>>>>
>>>
>>> --
>>> View this message in context:
>>>
http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18634247.html
>>> Sent from the ObjectWeb OPS - Users mailing list archive at
>>> Nabble.com.
>>>
>>>
>>>
>>>
______________________________________________________________________
>>> This email has been scanned by the MessageLabs Email Security
>>> System.
>>> For more information please visit http://www.messagelabs.com/email
>>>
______________________________________________________________________
>>>
>>>
_______________________________________________________________________
>>> The information transmitted is intended only for the person or
>>> entity to
>>> which it is addressed and may contain confidential and/or
privileged
>>> material. Any review, retransmission, dissemination or other use
>>> of, or
>>> taking of any action in reliance upon, this information by persons

>>> or
>>> entities other than the intended recipient is prohibited. If you
>>> received
>>> this in error, please contact the sender and delete the material
>>> from any
>>> computer.
>>>
>>>
_____________________________________________________________________
>>> This e-mail has been scanned for viruses by Verizon Business
>>> Internet
>>> Managed Scanning Services - powered by MessageLabs. For further
>>> information visit http://www.mci.com
>>>
>>>
>>> --
>>> You receive this message as a subscriber of the [hidden email]

>>> mailing
>>> list.
>>> To unsubscribe: mailto:[hidden email]
>>> For general help: mailto:[hidden email]?subject=help
>>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>>
>>>
>>
>> --
>> View this message in context:
>>
http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18636035.html

>> Sent from the ObjectWeb OPS - Users mailing list archive at
>> Nabble.com.
>>
>>
>>
>> ______________________________________________________________________
>> This email has been scanned by the MessageLabs Email Security System.
>> For more information please visit http://www.messagelabs.com/email
>> ______________________________________________________________________
>>
>>
_______________________________________________________________________

>> The information transmitted is intended only for the person or
>> entity to
>> which it is addressed and may contain confidential and/or privileged
>> material. Any review, retransmission, dissemination or other use
>> of, or
>> taking of any action in reliance upon, this information by persons or
>> entities other than the intended recipient is prohibited. If you
>> received
>> this in error, please contact the sender and delete the material
>> from any
>> computer.
>>
>> _____________________________________________________________________
>> This e-mail has been scanned for viruses by Verizon Business Internet
>> Managed Scanning Services - powered by MessageLabs. For further
>> information visit http://www.mci.com
>>
>>
>> --
>> You receive this message as a subscriber of the [hidden email]
>> mailing
>> list.
>> To unsubscribe: mailto:[hidden email]
>> For general help: mailto:[hidden email]?subject=help
>> OW2 mailing lists service home page: http://www.ow2.org/wws
>>
>>
>
> --
> View this message in context:
http://www.nabble.com/CSS-for-placing-input-control-boxes-next-to-each-other-horizontally-tp18633119p18639014.html

> Sent from the ObjectWeb OPS - Users mailing list archive at
> Nabble.com.
>
>
> --
> You receive this message as a subscriber of the [hidden email]
> mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> OW2 mailing lists service home page: http://www.ow2.org/wws

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/
--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws



--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
OW2 mailing lists service home page: http://www.ow2.org/wws